*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f7fafc}#root{min-height:100vh}button,input{font-family:inherit;font-size:inherit}button:focus-visible,input:focus-visible{outline:2px solid #e92052;outline-offset:2px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e92052,#b91644);padding:20px;box-sizing:border-box}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:420px;min-width:350px}.logo-section{text-align:center;margin-bottom:30px}.briko-logo{width:80px;height:80px;object-fit:contain;margin-bottom:16px;border-radius:12px}.logo-section h1{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.logo-section p{color:#718096;font-size:14px;margin:0;font-weight:500}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box;background:#f8fafc}.form-group input:focus{outline:none;border-color:#e92052;background:#fff;box-shadow:0 0 0 3px #e920521a}.form-group input::placeholder{color:#a0aec0}.error-message{background:#fed7e2;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border-left:4px solid #e53e3e}.login-button{width:100%;background:linear-gradient(135deg,#e92052,#b91644);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #e920524d}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.footer-links{text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.footer-links a{color:#e92052;text-decoration:none;font-weight:500;transition:color .2s}.footer-links a:hover{color:#b91644;text-decoration:underline}.footer-links span{color:#cbd5e0}.security-notice{background:#edf2f7;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:24px}.security-notice p{color:#4a5568;font-size:12px;margin:0;line-height:1.5;text-align:center}.admin-container{min-height:100vh;background:#f7fafc;padding:20px}.admin-panel{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:30px}.admin-panel h2{color:#2d3748;margin-bottom:10px;font-size:24px}.admin-panel p{color:#718096;margin-bottom:30px}.admin-controls{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.admin-button{background:#e92052;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.admin-button:hover{background:#b91644;transform:translateY(-1px)}.admin-button.danger{background:#dc2626}.admin-button.danger:hover{background:#b91c1c}.data-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:30px}.data-summary h3{color:#2d3748;margin-bottom:15px;font-size:18px}.data-summary ul{list-style:none;padding:0;margin:0}.data-summary li{color:#4a5568;margin-bottom:8px;padding:8px 12px;background:#fff;border-radius:6px;border-left:4px solid #e92052}.data-table{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.data-table h3{color:#2d3748;margin-bottom:15px;font-size:18px}.data-entry{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px 15px;margin-bottom:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#4a5568;word-break:break-all}.data-entry strong{color:#e92052;font-weight:700}@media (max-width: 768px){.admin-controls{flex-direction:column}.admin-button{width:100%}}@media (max-width: 480px){.login-container{padding:10px}.login-card{padding:30px 20px;min-width:280px}.logo-section h1{font-size:24px}.briko-logo{width:60px;height:60px}.admin-container{padding:10px}.admin-panel{padding:20px}}