:root{
  --navy:#071a2f;
  --navy-2:#0b2340;
  --navy-3:#0e2f56;
  --blue:#1e6fe8;
  --blue-2:#3b8cff;
  --teal:#35c6d8;
  --bg:#f4f7fb;
  --card:#ffffff;
  --text:#15243a;
  --muted:#6c7b90;
  --line:#e2e8f0;
  --success:#1f9d6a;
  --warning:#d88b13;
  --danger:#dc4c55;
  --shadow:0 18px 50px rgba(15,35,58,.08);
  --radius:18px;
  --sidebar:236px;
  --topbar:72px;
  font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.icon{display:inline-block;vertical-align:middle;flex:0 0 auto}
.app-shell{min-height:100vh;display:flex}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#06182c 0%,#09223e 100%);color:#d8e5f5;padding:18px 16px;display:flex;flex-direction:column;z-index:30;box-shadow:12px 0 28px rgba(5,18,34,.08)}
.brand{display:block;padding:4px 8px 22px}
.brand img{display:block;width:100%;height:auto;border-radius:8px}
.side-nav{display:flex;flex-direction:column;gap:6px}
.nav-link{min-height:46px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:11px;color:#c7d5e8;transition:.18s ease;font-size:14px;font-weight:600;position:relative}
.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}.nav-link.active{background:linear-gradient(135deg,#1557b7,#2379ea);color:#fff;box-shadow:0 9px 20px rgba(18,92,201,.28)}
.nav-link .nav-badge{margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#e55259;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.sidebar-bottom{margin-top:auto;display:grid;gap:8px}.security-card{border:1px solid rgba(95,181,255,.24);background:rgba(12,50,87,.54);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;color:#71d8e8}.security-card strong{display:block;font-size:12px;color:white}.security-card span{display:block;font-size:11px;color:#90a8c2;margin-top:2px}.logout-link{color:#9fb2c8}
.main-column{margin-left:var(--sidebar);min-width:0;width:calc(100% - var(--sidebar));min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(222,230,240,.9);display:flex;align-items:center;padding:0 30px;gap:18px}.mobile-menu{display:none}.top-search{flex:1;max-width:640px}.top-search form{height:42px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:flex;align-items:center;gap:9px;padding:0 13px;color:#8aa0b8}.top-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{border:1px solid var(--line);background:#fff;color:#566b84;width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:.15s}.icon-button:hover{border-color:#c9d7e7;color:var(--blue);transform:translateY(-1px)}.icon-button.danger:hover{color:var(--danger);border-color:#f0c6ca}.icon-button .dot{position:absolute}.top-actions .icon-button{position:relative}.top-actions .dot{width:7px;height:7px;border-radius:50%;background:var(--danger);right:7px;top:7px}.user-chip{height:40px;border-left:1px solid var(--line);padding-left:14px;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#1a2634,#51606f);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.user-name{font-size:13px;font-weight:700;color:#31445a}
.content{padding:28px 30px 110px;max-width:1540px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.page-header h1{font-size:29px;line-height:1.14;margin:4px 0 4px;color:#132238;letter-spacing:-.5px}.page-header p{margin:0;color:var(--muted);font-size:14px}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--blue)}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{height:40px;border:1px solid #d7e0eb;background:#fff;color:#314b68;padding:0 14px;border-radius:11px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s}.btn:hover{border-color:#bfcddd;box-shadow:0 6px 16px rgba(23,49,78,.06)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,#1260d5,#2383f3);color:#fff;box-shadow:0 8px 18px rgba(27,109,223,.22)}.btn.ghost{background:#f7f9fc}.btn.small{height:34px;padding:0 11px;font-size:12px}.btn.wide{width:100%}.flash{padding:12px 14px;border-radius:12px;margin:0 0 18px;font-size:13px;border:1px solid}.flash-success{background:#effaf6;border-color:#ccecdf;color:#15724c}.flash-error{background:#fff2f3;border-color:#f4cfd2;color:#9a3138}.flash-warning{background:#fff9eb;border-color:#f3dfae;color:#8b6512}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--card);border:1px solid #e5ebf2;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden}.card-head{min-height:55px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f6}.card-head a{font-size:11px;font-weight:700;color:var(--blue)}.card-title{display:flex;align-items:center;gap:9px}.card-title h2{font-size:14px;margin:0}.card-body{padding:8px 18px 14px}.wide-card{grid-column:1/-1;margin-top:18px}.timeline-row{display:grid;grid-template-columns:8px 52px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eff3f7}.timeline-row:last-child,.task-row:last-child,.reminder-row:last-child{border-bottom:0}.cat-dot{width:8px;height:8px;border-radius:50%;background:var(--cat,#2f80ed);display:inline-block;flex:0 0 auto}.timeline-row time{font-size:12px;color:#236fd7;font-weight:800}.timeline-row strong,.task-row strong,.reminder-row strong{display:block;font-size:13px;color:#1c2c40}.timeline-row span,.task-row span,.reminder-row span{display:block;font-size:11px;color:#8390a2;margin-top:2px}.task-row{display:grid;grid-template-columns:28px 1fr 8px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eff3f7}.check-button,.task-check{width:24px;height:24px;border:1px solid #cbd6e3;background:#fff;color:transparent;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.check-button:hover,.task-check.checked{background:#29ad78;color:white;border-color:#29ad78}.task-row.overdue strong,.task-item.overdue .task-title-line strong{color:#bc3b44}.task-row.today span{color:#d76d2a}.priority-dot{width:7px;height:7px;border-radius:50%;background:#c6d0db}.priority-dot.high{background:#e45259}.priority-dot.low{background:#6fb590}.reminder-row{display:grid;grid-template-columns:24px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #eff3f7;color:#61748a}.reminder-row.overdue{color:#d95c63}.mini-note{padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid #edf1f6;margin:8px 0}.mini-note.pinned{background:linear-gradient(135deg,#f4fcf8,#edf8f2);border-color:#d5ebdf}.mini-note strong{font-size:12px}.mini-note p{font-size:11px;color:#627387;margin:5px 0 8px;line-height:1.5}.mini-note small{font-size:10px;color:#93a0af}.announcement-line{display:grid;grid-template-columns:auto minmax(110px,auto) 1fr;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f6;font-size:12px}.announcement-line:last-child{border-bottom:0}.announcement-line>span:last-child{color:#65778c}.announcement-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#eaf5ff;color:#2374c8;font-weight:800;font-size:9px;letter-spacing:.04em}.announcement-line.warning .announcement-tag,.announcement-card.warning .announcement-tag{background:#fff3d9;color:#a36b06}.announcement-line.danger .announcement-tag,.announcement-card.danger .announcement-tag{background:#ffe5e7;color:#b53d45}.announcement-line.success .announcement-tag,.announcement-card.success .announcement-tag{background:#e2f6ed;color:#19845a}.empty-state{padding:28px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#94a2b2}.empty-state svg{margin-bottom:9px}.empty-state strong{color:#52677d;font-size:13px}.empty-state span{font-size:11px;margin-top:4px}
.calendar-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:12px}.calendar-toolbar strong{min-width:180px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:18px}.weekday{padding:11px;text-align:center;background:#f7f9fc;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;color:#718197}.calendar-day{min-height:122px;padding:8px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:white}.calendar-day:nth-child(7n){border-right:0}.calendar-day.muted{background:#fafbfd}.calendar-day.is-today{background:#f5f9ff;box-shadow:inset 0 0 0 2px #5f9df3}.day-number{font-size:11px;color:#6f7f92;font-weight:800;margin-bottom:6px}.calendar-day.is-today .day-number{color:#166fe5}.calendar-event{width:100%;border:0;border-left:3px solid var(--cat);background:#f6f8fb;border-radius:6px;margin:2px 0;padding:5px 6px;text-align:left;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#324860}.calendar-event span{color:var(--cat);font-weight:800;margin-right:5px}.list-item{display:grid;grid-template-columns:54px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid #eef2f6;align-items:flex-start}.list-item:last-child{border-bottom:0}.date-box{width:48px;height:52px;border-radius:11px;background:#f2f6fb;border:1px solid #e5ebf2;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-box strong{font-size:17px}.date-box span{font-size:9px;color:#7e8b9b;font-weight:800}.list-main{min-width:0}.list-title{display:flex;align-items:center;gap:7px}.list-main>span{display:block;font-size:11px;color:#7f8fa2;margin-top:4px}.row-actions{display:flex;align-items:center;gap:6px}.row-actions form{margin:0}
.filter-tabs{display:flex;gap:6px;overflow:auto;margin:-4px 0 16px;padding-bottom:2px}.filter-tabs a{height:36px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;font-size:12px;font-weight:700;color:#64778d;white-space:nowrap}.filter-tabs a.active{background:#0e5dce;color:#fff;border-color:#0e5dce}.task-list-large,.reminder-list-large{display:grid;gap:10px}.task-item,.reminder-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e3eaf2;border-radius:15px;padding:15px 16px;box-shadow:0 8px 24px rgba(18,40,66,.04)}.task-item.is-done{opacity:.65}.task-item.is-done strong{text-decoration:line-through}.task-content,.reminder-content{min-width:0}.task-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-title-line strong{font-size:14px}.task-content p,.reminder-content p{margin:6px 0 0;color:#64768a;font-size:12px;line-height:1.55}.task-check{width:27px;height:27px}.status-pill,.high-pill{height:22px;padding:0 8px;border-radius:999px;background:#edf3fa;color:#58718c;display:inline-flex;align-items:center;font-size:9px;font-weight:800}.status-pill.waiting{background:#fff3d7;color:#9b6c11}.status-pill.done{background:#e3f6ed;color:#1b825a}.high-pill{background:#ffe8ea;color:#b94149}.meta-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;color:#8090a3;font-size:10px}.meta-line span{display:inline-flex;align-items:center;gap:4px}.reminder-item>svg{color:#4f7cb0;margin-top:2px}.reminder-item.overdue>svg{color:#dd565e}.reminder-item.is-done{opacity:.58}.attachments{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.attachment{max-width:100%;display:inline-flex;align-items:center;gap:6px;border:1px solid #e1e8f0;background:#f8fafc;border-radius:8px;padding:6px 8px;font-size:10px;color:#58708a}.attachment span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment small{color:#95a2b1}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.note-card{background:#fff;border:1px solid #e4eaf1;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(24,45,70,.05);min-height:180px;display:flex;flex-direction:column}.note-card.pinned{background:linear-gradient(145deg,#f5fcf8,#fff);border-color:#d8ecdf}.note-top{display:flex;align-items:center;gap:7px;color:#77899d;font-size:10px}.pin-badge{margin-left:auto;background:#e4f4eb;color:#257452;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.note-card h3{font-size:15px;margin:12px 0 6px}.note-card>p{font-size:12px;line-height:1.6;color:#5e7187;margin:0}.note-card footer{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.note-card footer small{font-size:9px;color:#9aa6b3}
.announcements-grid{display:grid;gap:11px}.announcement-card{display:grid;grid-template-columns:42px 1fr auto;gap:14px;background:#fff;border:1px solid #e3eaf2;border-left:4px solid #3989ef;border-radius:15px;padding:16px;box-shadow:0 8px 20px rgba(22,45,72,.04)}.announcement-card.warning{border-left-color:#e7a426}.announcement-card.danger{border-left-color:#df555d}.announcement-card.success{border-left-color:#27a570}.announcement-icon{width:38px;height:38px;border-radius:10px;background:#edf5ff;color:#2874cf;display:flex;align-items:center;justify-content:center}.announcement-card h3{font-size:14px;margin:7px 0 4px}.announcement-card p{margin:0;color:#65778b;font-size:12px;line-height:1.5}
.history-list{background:#fff;border:1px solid #e4eaf1;border-radius:16px;box-shadow:var(--shadow);padding:12px 20px}.history-day{font-size:11px;font-weight:800;color:#6f8094;padding:14px 0 8px;border-bottom:1px solid #edf1f5}.history-item{display:grid;grid-template-columns:12px 46px 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #f0f3f7}.history-dot{width:7px;height:7px;border-radius:50%;background:#3b83df}.history-item time{font-size:10px;color:#8b9aaa}.history-item strong{display:block;font-size:12px}.history-item span{display:block;font-size:10px;color:#91a0b0;margin-top:2px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.settings-card{background:#fff;border:1px solid #e4eaf1;border-radius:17px;padding:20px;box-shadow:var(--shadow)}.settings-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;color:#4a6380}.settings-title h2{font-size:14px;color:#1a2d44;margin:0}.settings-title p{font-size:11px;color:#8392a4;margin:3px 0 0}.settings-separator{height:1px;background:#edf1f5;margin:20px 0}.integration-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.category-list{display:grid;gap:7px}.category-row{display:grid;grid-template-columns:34px 1fr auto;gap:7px;align-items:center}.category-row input[type=color]{width:32px;height:32px;border:0;padding:0;background:none}.category-row input[name=name]{height:36px;border:1px solid var(--line);border-radius:9px;padding:0 10px}.new-category{margin-top:6px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#53677e}.field input,.field textarea,.field select{width:100%;border:1px solid #dce4ed;background:#fff;border-radius:10px;padding:10px 11px;color:#1b2d42;outline:0;transition:.15s}.field input,.field select{height:42px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6ba1eb;box-shadow:0 0 0 3px rgba(38,112,213,.09)}.field textarea{resize:vertical}.field small{font-size:9px;color:#93a1b1;font-weight:500}.toggle-row{display:flex;align-items:center;gap:10px;border:1px solid #e4eaf1;background:#f9fbfd;border-radius:11px;padding:11px 12px}.toggle-row input{width:18px;height:18px;accent-color:#1b6ee5}.toggle-row strong{display:block;font-size:11px}.toggle-row small{display:block;font-size:9px;color:#8a98a9;margin-top:2px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.divider{height:1px;background:#e8edf3;position:relative;margin:7px 0}.divider span{position:absolute;left:0;top:50%;transform:translateY(-50%);background:#fff;padding-right:10px;color:#8998aa;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented label input{display:none}.segmented label span{display:flex;align-items:center;justify-content:center;height:42px;border:1px solid #dae4ee;border-radius:10px;background:#f7f9fc;color:#61768d}.segmented label input:checked+span{border-color:#2b77dd;background:#edf5ff;color:#1b67c7}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(5,18,34,.62);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(610px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.modal-card.large{width:min(760px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-head h2{font-size:20px;margin:3px 0 0}.quick-types{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.quick-types button{height:42px;border:1px solid #dde5ef;background:#f8fafc;border-radius:10px;color:#60768f;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.quick-types button.active{border-color:#2878df;background:#edf5ff;color:#1767ce}
.mobile-bottom{display:none}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 36px));background:#102943;color:#fff;border:1px solid #31516f;border-radius:13px;padding:12px 14px;box-shadow:0 15px 35px rgba(3,16,30,.28)}.toast strong{display:block;font-size:12px}.toast span{display:block;font-size:11px;color:#b8c7d7;margin-top:3px}
.auth-body{min-height:100vh;background:radial-gradient(circle at 25% 20%,rgba(21,95,177,.24),transparent 28%),linear-gradient(135deg,#041426,#071a2f 45%,#09223b);color:white}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;max-width:1220px;margin:auto;padding:42px}.auth-brand{padding:30px}.auth-logo{width:min(570px,100%);display:block}.auth-kicker{font-size:20px;color:#aab9ca;margin-top:12px}.auth-tagline{margin-top:52px;color:#7fd9e6;font-size:13px;letter-spacing:.03em}.auth-card{background:rgba(255,255,255,.98);color:var(--text);border-radius:22px;padding:28px;box-shadow:0 40px 100px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.38)}.login-head h1{font-size:25px;margin:5px 0}.login-head p{font-size:12px;color:#78889a;line-height:1.5;margin-bottom:20px}.login-form{display:grid;gap:14px}.login-security{display:flex;align-items:center;gap:8px;border-top:1px solid #edf1f5;margin-top:20px;padding-top:16px;color:#72849a;font-size:10px}.install-shell{max-width:940px;margin:auto;padding:36px}.install-brand{text-align:center;margin-bottom:20px}.install-brand img{width:min(480px,95%)}.install-brand p{color:#91a5ba}.install-card{background:#fff;color:var(--text);border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.install-head h1{margin:5px 0}.install-head p{color:#77899c;font-size:12px;margin-bottom:22px}.mysql-fields{display:none}
@media(max-width:1100px){.notes-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.user-name{display:none}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:260px;transition:.2s}.sidebar.open{transform:translateX(0)}.main-column{margin-left:0;width:100%}.topbar{padding:0 14px;height:62px}.mobile-menu{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#5d7187}.top-search{max-width:none}.top-search input{font-size:12px}.top-search form{height:38px}.user-chip{display:none}.content{padding:20px 14px 92px}.page-header{align-items:flex-start;margin-bottom:18px}.page-header h1{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.wide-card{margin-top:14px}.calendar-grid{display:none}.calendar-toolbar{display:none}.notes-grid{grid-template-columns:1fr}.mobile-bottom{display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;position:fixed;z-index:50;left:0;right:0;bottom:0;height:68px;padding:5px max(10px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #dde5ee;backdrop-filter:blur(18px)}.mobile-tab{border:0;background:transparent;color:#7c8b9b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px}.mobile-tab.active{color:#126ddf}.mobile-plus{width:52px;height:52px;border-radius:50%;border:0;background:linear-gradient(135deg,#0e64d8,#2789f4);color:#fff;align-self:start;justify-self:center;transform:translateY(-14px);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 25px rgba(29,109,218,.35)}.task-item,.reminder-item{grid-template-columns:auto 1fr}.task-item>.row-actions,.reminder-item>.row-actions{grid-column:2;justify-content:flex-end}.announcement-card{grid-template-columns:38px 1fr}.announcement-card>.row-actions{grid-column:2;justify-content:flex-end}.list-item{grid-template-columns:48px 1fr}.list-item>.row-actions{grid-column:2;justify-content:flex-end}.page-actions .btn{height:37px;padding:0 11px}.auth-shell{grid-template-columns:1fr;padding:20px}.auth-brand{padding:20px 8px 0;text-align:center}.auth-logo{margin:auto}.auth-kicker{font-size:15px}.auth-tagline{display:none}.auth-card{padding:22px}.quick-types{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.top-search form{border:0;background:transparent}.top-search input{display:none}.top-search{flex:0}.top-actions{margin-left:auto}.page-header{display:block}.page-actions{margin-top:12px}.page-actions .btn{flex:1}.form-grid{grid-template-columns:1fr}.span-2{grid-column:1}.quick-types{grid-template-columns:1fr 1fr}.modal{padding:0;align-items:flex-end}.modal-card,.modal-card.large{width:100%;max-height:94vh;border-radius:20px 20px 0 0;padding:18px 16px 28px}.card-head,.card-body{padding-left:14px;padding-right:14px}.settings-card{padding:16px}.segmented{grid-template-columns:1fr}.announcement-line{grid-template-columns:auto 1fr}.announcement-line>span:last-child{grid-column:2}.install-shell{padding:18px}.install-card{padding:20px}.notes-grid{gap:10px}}
.search-result{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f6}.search-result:last-child{border-bottom:0}.search-type{display:inline-flex;align-items:center;justify-content:center;height:24px;border-radius:999px;background:#edf4fc;color:#4a6f96;font-size:9px;font-weight:800;text-transform:uppercase}.search-result strong{display:block;font-size:13px}.search-result p{margin:4px 0 0;color:#78899b;font-size:11px;line-height:1.45}.search-result time{font-size:10px;color:#9aa7b4}@media(max-width:560px){.search-result{grid-template-columns:70px 1fr}.search-result time{display:none}}