@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";:root{--color-primary: #1DA1F2;--color-primary-light: #E8F5FE;--color-secondary: #687580;--color-bg-body: #F4F7FE;--color-bg-card: #FFFFFF;--color-text-main: #2B3674;--color-text-secondary: #A3AED0;--color-border: #E1E8ED;--color-success: #05CD99;--color-warning: #FFCE20;--color-danger: #EE5D50;--shadow-card: 0px 18px 40px rgba(112, 144, 176, .12);--shadow-hover: 0px 20px 50px rgba(112, 144, 176, .2);--radius-card: 20px;--radius-btn: 10px;--sidebar-width: 250px}body{margin:0;font-family:Montserrat,sans-serif;background-color:var(--color-bg-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-bg-card);padding:20px;display:flex;flex-direction:column;border-right:1px solid white;position:fixed;height:100vh;box-sizing:border-box}.brand{display:flex;align-items:center;gap:10px;margin-bottom:40px;padding-left:10px}.brand-logo{width:30px;height:30px;background:linear-gradient(135deg,var(--color-primary),#868CFF);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.brand h2{margin:0;font-size:20px;color:var(--color-text-main)}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;border-radius:var(--radius-btn);cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.nav-item:hover,.nav-item.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.main-wrapper{margin-left:var(--sidebar-width);flex:1;padding:30px;box-sizing:border-box}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-title h1{font-size:14px;color:var(--color-text-secondary);margin:0;font-weight:500}.page-title h2{font-size:34px;margin:0;color:var(--color-text-main)}.topbar-actions{background:var(--color-bg-card);padding:10px;border-radius:30px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:15px}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-card);display:flex;gap:15px;align-items:flex-start}.stat-icon-bg{width:45px;height:45px;border-radius:50%;background:var(--color-bg-body);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-primary)}.stat-content h3{margin:0 0 5px;font-size:12px;color:var(--color-text-secondary);font-weight:500}.stat-content .value{font-size:20px;font-weight:700;color:var(--color-text-main)}.table-card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0;font-size:22px;color:var(--color-text-main)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--color-text-secondary);font-weight:500;padding:12px 8px;border-bottom:1px solid var(--color-border);font-size:14px}td{padding:16px 8px;color:var(--color-text-main);font-weight:600;font-size:14px;border-bottom:1px solid transparent}tr:hover td{background:transparent}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-btn);padding:10px 24px;font-weight:600;cursor:pointer}.date-controls{background:var(--color-bg-body);padding:8px 16px;border-radius:var(--radius-btn);display:flex;gap:10px}.date-controls input{border:none;background:transparent;font-family:inherit;color:var(--color-text-secondary);font-weight:500}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-body)}.login-card{background:var(--color-bg-card);padding:50px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center;width:400px}.google-btn{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:4px;padding:12px;font-family:Roboto,sans-serif;font-weight:500;cursor:pointer;width:100%;margin-top:30px}.google-btn:hover{background:#f7fafe;border-color:#d2e3fc}