*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#1f2937}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#182033;color:#fff;padding:22px 18px}.brand{font-size:22px;font-weight:700;margin-bottom:28px}.sidebar a{display:block;color:#dbeafe;text-decoration:none;padding:12px 10px;border-radius:8px;margin:4px 0}.sidebar a:hover{background:#263147}.main{flex:1;padding:28px}.topbar{text-align:right;margin-bottom:22px;color:#64748b}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.card,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.card strong{font-size:34px;display:block}.card span{color:#64748b}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;margin:12px 0 24px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e5e7eb}th{background:#f1f5f9}.toolbar{display:flex;gap:8px;margin:16px 0}.toolbar input{flex:1}.toolbar-between{align-items:center;justify-content:space-between}.search-form{display:flex;gap:8px;flex:1}input,button,textarea{padding:11px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px}textarea{width:100%;font-family:Arial,Helvetica,sans-serif}button,.button{background:#1d4ed8;color:#fff;border:0;cursor:pointer;text-decoration:none;display:inline-block;padding:11px 14px;border-radius:8px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#182033}.login-card{width:380px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.login-card h1{margin-top:0}.login-card label,.form-panel label,.note-form label{display:block;margin-top:14px;font-weight:700}.login-card input,.login-card button{width:100%;margin-top:6px}.login-card small{display:block;margin-top:14px;color:#64748b}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;margin:10px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid2 input{width:100%}.wide{grid-column:1 / -1}.note{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin:8px 0}.actions{display:flex;gap:14px;align-items:center;margin-top:16px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:#1d4ed8}