#root{max-width:1280px;margin:0;padding:0;text-align:center}body{margin:0;padding:0}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f3f4f6;padding:1rem}.login-card{background:#000;padding:2rem;border-radius:1rem;box-shadow:0 10px 25px #0000001a;width:100%;max-width:380px;text-align:center}.login-icon{width:64px;height:64px;margin:0 auto 1rem;fill:#fff}.login-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.login-form{width:100%;display:flex;flex-direction:column;gap:1rem}.login-input{width:auto;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s}.login-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa66}.login-error{color:#ef4444;font-size:.875rem;font-weight:700}.login-button{width:100%;padding:.75rem;border-radius:.75rem;border:none;background:#3b82f6;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}.login-button:hover{background:#2563eb}@media(max-width:480px){.login-card{padding:1.5rem}}.panel-wrapper{display:flex;min-height:100vh;background:#f3f4f6}.panel-sidebar{width:240px;background:#1f2937;color:#fff;padding:1.5rem}.panel-logo{margin-bottom:2rem;font-size:1.4rem;background:#324b6d;border-radius:8px}.panel-menu{display:flex;flex-direction:column;gap:.75rem}.panel-menu button{background:none;border:none;color:#e5e7eb;text-align:left;padding:.6rem;border-radius:6px;cursor:pointer;font-size:1rem}.panel-menu button:hover{background:#374151}.panel-menu .logout{margin-top:2rem;color:#f87171;align-items:center;display:flex}.panel-menu .dates{align-items:center;display:flex}.panel-menu .logout svg,.panel-menu .dates svg{margin-right:5px}.panel-content{flex:1;padding:2rem}.users-container{padding:24px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-primary{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.users-table{width:100%;border-collapse:collapse;background:#000;border-radius:10px;color:#fff}.users-table th,.users-table td{padding:12px;border-bottom:1px solid #eee}.actions button{margin-right:8px;background:none;border:none;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:24px;width:100%;max-width:400px;border-radius:12px}.modal input{width:80%;margin-bottom:12px;padding:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.danger{background:#dc2626;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}td{background:#d7dade;color:#000;font-weight:700}button.edit{background:#2563eb;color:#fff;border:none;padding:5px 10px;border-radius:8px;cursor:pointer;margin-right:10px}button.delete{background:#dc2626;color:#fff;border:none;padding:5px 10px;border-radius:8px;cursor:pointer}.documents-container{padding:24px}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.upload-btn{background:#2563eb;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}.upload-btn:hover{background:#1e40af}.doc-error{color:#dc2626;margin-bottom:12px}.documents-list{list-style:none;padding:0;background:#fff;border-radius:8px;overflow:hidden}.documents-list li{display:flex;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.documents-list li button{background:#dc2626;color:#fff;border:none;padding:5px 10px;border-radius:8px;cursor:pointer}.documents-list li:last-child{border-bottom:none}.documents-list button{background:none;border:none;cursor:pointer}@media(max-width:600px){.documents-header{flex-direction:column;align-items:stretch}}ul.documents-list li{background:#d3d2cf;font-weight:700}