.o360-lg{display:flex;min-height:720px;background:#f7f5f1;color:#111;font-family:Inter,Arial,sans-serif;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12)}.o360-side{width:250px;background:linear-gradient(180deg,#071014,#111);color:white;padding:22px}.o360-logo{display:flex;gap:12px;align-items:center;margin-bottom:24px}.o360-logo b,.lg-mark{background:#c99a3a;color:#111;border-radius:14px;padding:13px;font-weight:900}.o360-logo span{font-size:12px;letter-spacing:1px}.o360-user{border-top:1px solid #333;border-bottom:1px solid #333;padding:18px 0;margin-bottom:16px}.o360-user small{display:block;color:#c99a3a;margin-top:4px}.o360-side button,.o360-side a{display:block;width:100%;padding:12px;border:0;border-radius:8px;background:transparent;color:white;text-align:left;text-decoration:none;margin:4px 0;cursor:pointer}.o360-side button.active,.o360-side button:hover{background:#c99a3a;color:#111}.o360-main{flex:1;padding:28px}.o360-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.o360-top h1{margin:0;font-size:26px}.o360-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.o360-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.o360-kpi b{font-size:28px}.o360-kpi span{display:block;font-size:12px;color:#666}.o360-table{width:100%;border-collapse:collapse}.o360-table th,.o360-table td{padding:11px;border-bottom:1px solid #eee;text-align:left;font-size:14px}.o360-actions{display:flex;gap:8px}.o360-btn,button.o360-gold{background:#c99a3a;color:#111;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.o360-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.o360-form label{display:flex;flex-direction:column;font-size:13px;gap:6px}.o360-form input,.o360-form select,.o360-form textarea,.o360-top input{padding:11px;border:1px solid #ddd;border-radius:8px}.o360-full{grid-column:1/-1}.o360-login{min-height:620px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.8)),url('');display:flex;align-items:center;justify-content:center}.o360-login-card{width:360px;background:rgba(255,255,255,.94);border-radius:18px;padding:36px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.25)}.o360-login-card h1{letter-spacing:3px;margin:18px 0 4px}@media(max-width:900px){.o360-lg{display:block}.o360-side{width:auto}.o360-grid{grid-template-columns:1fr}.o360-form{grid-template-columns:1fr}.o360-main{padding:16px}.o360-table{font-size:12px}}
.o360-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.mini{border:1px solid #ddd;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.mini:hover{background:#f5f5f5}.mini.danger{color:#9b1c1c;border-color:#f0caca}.o360-btn-secondary{background:#fff;color:#111;border:1px solid #ddd;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer;margin-left:8px}.o360-pill{background:#e8f7e8;color:#137333;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.o360-form small{color:#777;font-weight:400}.o360-actions button{white-space:nowrap}@media(max-width:900px){.o360-card-head{align-items:flex-start;flex-direction:column}.o360-actions{flex-wrap:wrap}.o360-table{display:block;overflow-x:auto}}