#app{height:100vh;overflow:hidden}:root{--primary-color:#202457;--primary-light:#3a4a7a;--primary-dark:#1a1e45;--secondary-color:#4a90e2;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-color:#dcdfe6;--background-color:#f5f5f5;--white:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}.pda-container{height:100vh;display:flex;flex-direction:column;background-color:var(--white)}.pda-header{background-color:var(--primary-color);color:var(--white);padding:12px 16px;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.pda-header,.pda-logo{display:flex;align-items:center}.pda-logo{font-size:18px;font-weight:700}.pda-logo img{height:32px;margin-right:8px}.pda-content{flex:1;overflow-y:auto;padding:16px}.pda-footer{background-color:var(--white);border-top:1px solid var(--border-color);padding:8px 16px;text-align:center;font-size:12px;color:var(--text-secondary)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.menu-item{background-color:var(--white);border:2px solid var(--primary-color);border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(32,36,87,.1)}.menu-item:hover{background-color:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(32,36,87,.2)}.menu-item .icon{font-size:32px;margin-bottom:8px;display:block}.menu-item .title{font-size:16px;font-weight:600}.form-container{background-color:var(--white);border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-row{display:flex;gap:16px;margin-bottom:16px;align-items:end}.form-item{flex:1}.data-grid{background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}.grid-header{background-color:var(--primary-color);color:var(--white);padding:12px 16px;font-weight:600}.grid-content{max-height:400px;overflow-y:auto}.grid-row{display:flex;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s ease}.grid-row:hover{background-color:#f8f9fa}.grid-row.selected{background-color:rgba(32,36,87,.1)}.grid-cell{padding:12px 16px;flex:1;border-right:1px solid var(--border-color);display:flex;align-items:center}.grid-cell:last-child{border-right:none}.grid-cell.header{font-weight:600;background-color:#f8f9fa;color:var(--text-primary)}.input-field{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(32,36,87,.1)}.input-field.received{background-color:rgba(32,36,87,.1);border-color:var(--primary-color)}.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px)}.btn-secondary{background-color:var(--white);color:var(--primary-color);border:1px solid var(--primary-color);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:var(--primary-color);color:var(--white)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:16px;color:var(--text-secondary)}@media (max-width:768px){.menu-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:12px}.pda-content{padding:12px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}