:root{--blue:#4a90e2;--blue-dark:#3a73ba;--blue-light:#eaf2fd;--green:#2ecc71;--green-dark:#23a75b;--yellow:#f1c40f;--orange:#ff8c42;--purple:#9b59b6;--pink:#ff6b9d;--bg:#f7faff;--surface:#fff;--text:#2d3748;--text-soft:#6b7a99;--border:#e3ebfa;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 2px 8px #4a90e214;--shadow-md:0 8px 24px #4a90e224;--shadow-lg:0 16px 40px #4a90e22e;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);margin:0}p{margin:0}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body)}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--blue-light);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#cfe0fb}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-loading{min-height:100vh;font-family:var(--font-display);color:var(--blue);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.login-page{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-hero{background:linear-gradient(#8fc2f5,#ddeefe);justify-content:center;align-items:center;display:flex}.login-panel{background:var(--bg);justify-content:center;align-items:center;padding:32px 20px;display:flex}.login-card{width:100%;max-width:380px}.login-brand{align-items:center;gap:10px;display:flex}.login-brand h1{font-family:var(--font-display);background:linear-gradient(90deg, var(--blue), var(--purple) 45%, var(--pink) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800}.login-subtitle{color:var(--text-soft);margin-top:8px;font-size:15px;font-weight:700}.login-card form{flex-direction:column;gap:14px;margin-top:28px;display:flex}.field{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.field:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light)}.field-icon{color:var(--text-soft);flex-shrink:0}.field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px;font-weight:700}.field input::placeholder{color:#a5b3cc;font-weight:700}.field-toggle{color:var(--text-soft);background:0 0;border:none;border-radius:6px;padding:2px;display:flex}.login-error{color:#c0335c;border-radius:var(--radius-sm);background:#ffeaf0;border:2px solid #ffcbdc;padding:10px 12px;font-size:14px;font-weight:700}.login-submit{background:var(--blue);color:#fff;font-family:var(--font-display);letter-spacing:.2px;border-radius:var(--radius-pill);box-shadow:0 5px 0 var(--blue-dark);border:none;padding:14px;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.login-submit:hover{transform:translateY(-1px)}.login-submit:active{box-shadow:0 2px 0 var(--blue-dark);transform:translateY(3px)}.login-submit:disabled{opacity:.7;cursor:default}.login-demo{border-top:2px dashed var(--border);margin-top:26px;padding-top:18px}.login-demo p{color:var(--text-soft);text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;font-size:13px;font-weight:800}.login-demo-buttons{flex-wrap:wrap;gap:10px;display:flex}.login-demo-buttons button{border:2px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);min-width:140px;color:var(--text);flex:1;padding:10px 12px;font-size:13.5px;font-weight:700}.login-demo-buttons button:hover{border-color:var(--blue);background:var(--blue-light)}@media (width<=900px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-hero{min-height:220px}}@media (width<=480px){.login-hero{min-height:170px}.login-brand h1{font-size:28px}}.dashboard{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:2px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.sidebar-brand{font-family:var(--font-display);color:var(--blue-dark);align-items:center;gap:8px;font-size:19px;font-weight:700;display:flex}.sidebar-close{color:var(--text-soft);background:0 0;border:none;display:none}.sidebar-nav{flex-direction:column;gap:6px;margin-top:28px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-soft);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:800;display:flex}.sidebar-link-active{background:var(--blue-light);color:var(--blue-dark)}.sidebar-hint{color:#a9b7d0;margin-top:14px;padding:0 14px;font-size:12.5px;font-weight:700}.sidebar-footer{border-top:2px dashed var(--border);flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.sidebar-user{align-items:center;gap:10px;display:flex}.sidebar-user-avatar{border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 2px #00000014}.sidebar-user-name{font-size:14px;font-weight:800;line-height:1.2}.sidebar-user-role{color:var(--text-soft);font-size:12px;font-weight:700}.sidebar-logout{border:2px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);color:#c0335c;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:800;display:flex}.sidebar-logout:hover{background:#ffeaf0;border-color:#ffcbdc}.sidebar-overlay{display:none}.dashboard-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:5;background:var(--blue);color:#fff;align-items:center;gap:14px;padding:16px 24px;display:flex;position:sticky;top:0}.topbar-menu-btn{color:#fff;border-radius:var(--radius-sm);background:#ffffff2e;border:none;padding:8px;display:none}.topbar-greeting{flex:1;min-width:0}.topbar-greeting h2{font-size:20px;font-weight:700}.topbar-greeting p{opacity:.9;margin-top:2px;font-size:13px;font-weight:600}.topbar-avatar{border:3px solid #ffffffb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.dashboard-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px}.activities-title-row{margin-bottom:20px}.activities-title{align-items:center;gap:10px;display:flex}.activities-title h1{color:var(--text);font-size:24px;font-weight:700}.activities-subtitle{color:var(--text-soft);margin-top:6px;font-size:14.5px;font-weight:700}.activities-list{flex-direction:column;gap:18px;margin-top:18px;display:flex}.activities-empty{background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;margin-top:24px;padding:40px 20px}.activities-empty span{font-size:40px}.activities-empty h3{margin-top:10px;font-size:18px}.activities-empty p{color:var(--text-soft);margin-top:6px;font-size:14px;font-weight:600}.new-activity-trigger{border:2px dashed var(--blue);background:var(--blue-light);width:100%;color:var(--blue-dark);border-radius:var(--radius-lg);font-family:var(--font-display);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15.5px;font-weight:700;display:flex}.new-activity-trigger:hover{background:#dcebfd}.new-activity-form{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:20px;display:flex}.new-activity-form-head{justify-content:space-between;align-items:center;display:flex}.new-activity-form-head h3{color:var(--blue-dark);font-size:18px}.new-activity-close{background:var(--bg);color:var(--text-soft);border:none;border-radius:50%;padding:6px;display:flex}.new-activity-field{color:var(--text-soft);flex-direction:column;gap:6px;font-size:13.5px;font-weight:800;display:flex}.new-activity-field input[type=text],.new-activity-field input[type=date],.new-activity-field textarea{border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;font-weight:700;font-family:var(--font-body);resize:vertical;padding:11px 12px}.new-activity-field input:focus,.new-activity-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light);outline:none}.image-upload{border:2px solid var(--border);border-radius:var(--radius-pill);color:var(--blue-dark);background:var(--blue-light);align-self:flex-start;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:800;display:inline-flex}.image-upload:hover{background:#dcebfd}.image-preview{width:fit-content;margin-top:10px;position:relative}.image-preview img{border-radius:var(--radius-md);border:2px solid var(--border);object-fit:cover;max-width:220px;max-height:160px;display:block}.image-preview button{color:#fff;background:#c0335c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:-8px;right:-8px}.field-error{color:#c0335c;font-size:13px;font-weight:700}.new-activity-submit{background:var(--green);color:#fff;font-family:var(--font-display);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--green-dark);border:none;padding:13px;font-size:15.5px;font-weight:700}.new-activity-submit:active{box-shadow:0 1px 0 var(--green-dark);transform:translateY(3px)}.activity-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border);display:flex;overflow:hidden}.activity-date-tab{color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:72px;display:flex}.activity-date-weekday{letter-spacing:.5px;opacity:.9;font-size:11.5px;font-weight:800}.activity-date-day{font-family:var(--font-display);font-size:26px;font-weight:700}.activity-body{flex:1;min-width:0;padding:16px 18px}.activity-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.activity-full-date{color:var(--text-soft);text-transform:capitalize;font-size:12.5px;font-weight:800}.activity-title{color:var(--text);margin-top:2px;font-size:19px}.activity-delete{color:#c0335c;border-radius:var(--radius-sm);background:#ffeaf0;border:none;flex-shrink:0;padding:8px}.activity-description{color:var(--text);white-space:pre-wrap;margin-top:10px;font-size:15px;font-weight:600;line-height:1.5}.activity-image{object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border);width:100%;max-height:320px;margin-top:12px}.activity-image-fallback{background:var(--bg);border-radius:var(--radius-md);color:var(--text-soft);align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:13px;font-weight:700;display:flex}.activity-author{color:var(--text-soft);margin-top:10px;font-size:12.5px;font-weight:700}.activity-comments-toggle{background:var(--bg);color:var(--blue-dark);border-radius:var(--radius-pill);border:none;align-items:center;gap:7px;margin-top:14px;padding:9px 14px;font-size:13.5px;font-weight:800;display:inline-flex}.activity-comments-toggle:hover{background:var(--blue-light)}.activity-comments{border-top:2px dashed var(--border);margin-top:14px;padding-top:14px}.comment-list{flex-direction:column;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.comment{gap:10px;display:flex}.comment-avatar{background:var(--blue-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.comment-body{background:var(--bg);border-radius:var(--radius-md);flex:1;min-width:0;padding:8px 12px}.comment-meta{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.comment-author{color:var(--text);font-size:12.5px;font-weight:800}.comment-time{color:var(--text-soft);font-size:11px;font-weight:700}.comment-text{color:var(--text);word-break:break-word;margin-top:2px;font-size:14px;font-weight:600}.comment-form{align-items:center;gap:8px;display:flex}.comment-form-avatar{border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex;box-shadow:0 1px #00000014}.comment-form input{border:2px solid var(--border);border-radius:var(--radius-pill);flex:1;min-width:0;padding:9px 14px;font-size:14px;font-weight:600}.comment-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-light);outline:none}.comment-form button{background:var(--blue);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.comment-form button:disabled{opacity:.5}@media (width<=860px){.sidebar{z-index:30;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-close{display:flex}.sidebar-overlay{z-index:25;background:#2d374866;display:block;position:fixed;inset:0}.topbar-menu-btn{display:flex}.dashboard-content{padding:18px 16px 40px}}@media (width<=520px){.activity-card{flex-direction:column}.activity-date-tab{flex-direction:row;gap:8px;width:100%;padding:8px}.topbar-greeting h2{font-size:17px}.topbar{padding:14px 16px}}