:root{--primary:#2c3e50;--primary-light:#3498db;--secondary:#16a085;--secondary-light:#1abc9c;--background:#f5f7fa;--text:#2c3e50;--text-light:#f8f9fa;--error:#e74c3c;--success:#2ecc71;--warning:#f39c12;--border:#dfe6e9;--hover:#eef2f7;--header-height:64px}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text);width:100%;max-width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}.card{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(44,62,80,.05);padding:24px;margin-bottom:24px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f0f0f0}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(44,62,80,.1)}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}@media (max-width:768px){.container{padding:0 16px}}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:8px;font-weight:500}.form-input,.form-select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:16px;transition:all .2s ease;background-color:#fff;color:var(--text);box-shadow:0 2px 4px rgba(0,0,0,.02)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(52,152,219,.15)}.btn{background-color:var(--primary);color:var(--text-light);padding:10px 20px;border-radius:6px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.1);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn:active{transform:translateY(0);box-shadow:0 2px 3px rgba(0,0,0,.1)}.btn-secondary{background-color:var(--secondary);color:var(--text-light)}.btn-secondary:hover{background-color:var(--secondary-light)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}@media (max-width:768px){.grid{grid-template-columns:1fr}}