@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--brand:#d6001c;--brand-dark:#991b1b;--brand-soft:#fff0f2;--accent:#00b84a;--accent-dark:#008f3a;--page:#f4f6f8;--surface:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--focus:#2563eb}.app-header{z-index:20;color:#fff;background:var(--brand);border-bottom:1px solid var(--brand-dark);align-items:center;gap:28px;min-height:80px;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0f172a1a}.brand{color:inherit;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:#ffffff1f;border:2px solid #ffffffbf;border-radius:10px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.brand>span:last-child{flex-direction:column;display:flex}.brand strong{font-size:18px;line-height:1.2}.brand small{color:#fecdd3;margin-top:2px;font-size:11px}.shell-header-content{align-items:center;min-width:0;margin-left:auto;display:flex}.shell-header-dots{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shell-header-dots i{opacity:.76;background:#00d655;border-radius:999px;display:block;position:absolute;box-shadow:0 0 0 1px #ffffff14}.shell-header-dots i:first-child{width:14px;height:14px;top:30%;left:21%}.shell-header-dots i:nth-child(2){opacity:.6;width:9px;height:9px;bottom:20%;left:35%}.shell-header-dots i:nth-child(3){width:12px;height:12px;top:42%;right:28%}.shell-header-dots i:nth-child(4){opacity:.65;width:8px;height:8px;top:22%;right:40%}.shell-header-dots i:nth-child(5){opacity:.8;width:40px;height:40px;top:-18px;right:12%}.shell-header-dots i:nth-child(6){opacity:.7;width:9px;height:9px;top:62%;left:46%}.app-header>.brand,.app-header>.shell-header-content{z-index:1;position:relative}.back-button{color:#64748b;background:0 0;border-radius:8px;align-items:center;gap:7px;width:fit-content;min-height:40px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.back-button:hover{color:#1e293b}.back-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.back-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (width<=900px){.app-header{min-height:72px;padding:12px 18px}.brand small{display:none}}:root{color:#334155;font-synthesis:none;background:#f8fafc;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.hub27-page{color:#334155;background:#f8fafc;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.bg-decorative{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wave-bg{opacity:.74;width:136vw;height:360px;position:absolute;top:33%;left:-18vw;overflow:visible;transform:rotate(-2deg)}.wave-shadow{fill:none;stroke:#bfdbfe47;stroke-width:70px;stroke-linecap:round;stroke-linejoin:round}.wave-line{fill:none;stroke:#dbeafe9e;stroke-width:44px;stroke-linecap:round;stroke-linejoin:round}.blob-green{filter:blur(30px);background:radial-gradient(circle,#fde0479e 0%,#fff0 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:20%;right:15%}.blob-green-2{filter:blur(40px);background:radial-gradient(circle,#fde0476b 0%,#fff0 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:15%;left:8%}.header-bg{color:#fff;z-index:50;isolation:isolate;background:linear-gradient(to top right,#3f87cf 0%,#347dc9 52%,#296bb5 100%);border-bottom:1px solid #1268c7;flex-shrink:0;justify-content:space-between;align-items:center;width:100vw;min-height:92px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:.85rem clamp(1.5rem,4vw,3rem);display:flex;position:sticky;top:0;overflow:visible;box-shadow:0 3px 10px #1268c72e;border-radius:0!important}.hub-brand-logo{border-radius:.7rem;flex-shrink:0;width:52px;height:52px;box-shadow:0 0 0 2px #fffc,0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.hub-brand{z-index:10;color:inherit;align-items:center;gap:1rem;padding-top:2px;padding-left:4px;text-decoration:none;display:flex;position:relative}.hub-brand-title{color:#fff;letter-spacing:-.025em;margin:0;font-size:30px;font-weight:700;line-height:1.1}.hub-brand-subtitle{color:#ffffffe6;letter-spacing:.05em;margin:5px 0 0;font-size:14px;font-weight:600}.apps-toggle-button{background:linear-gradient(to top right,#4b99e3 0%,#347dc9 52%,#235fa8 100%)}.apps-toggle-button:hover{filter:brightness(.95)}.profile-wrap{z-index:100;align-items:center;gap:12px;display:flex;position:relative}.theme-toggle{background:#0f172a2e;border:1px solid #fff6;border-radius:9999px;flex:none;width:44px;height:24px;padding:3px;box-shadow:inset 0 1px 3px #0f172a2e}.theme-toggle span{background:#facc15;border-radius:50%;width:16px;height:16px;transition:transform .2s,background-color .2s;display:block;box-shadow:0 1px 3px #0f172a47}.theme-toggle[aria-checked=true] span{background:#00d655;transform:translate(18px)}.theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #ffffffbf}.header-dots-wrapper{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.header-dot{opacity:.9;background:linear-gradient(135deg,#fde68a 0%,#facc15 55%,#d9a806 100%);border-radius:9999px;position:absolute;box-shadow:0 0 0 1px #ffffff29}.hd-1{width:12px;height:12px;top:32%;left:21%}.hd-2{opacity:.8;width:9px;height:9px;bottom:22%;left:34%}.hd-3{width:11px;height:11px;top:43%;right:28%}.hd-4{opacity:.84;width:7px;height:7px;top:24%;right:40%}.hd-5{opacity:.94;filter:blur(.5px);background:radial-gradient(circle at 35% 35%,#fde68afa 0%,#facc15d6 58%,#d9a80685 100%);width:40px;height:40px;top:-16px;right:12%}.hd-6{opacity:.88;width:9px;height:9px;top:62%;left:45%}.theme-red-green .header-bg{background:radial-gradient(#d6001c 0% 42%,#d10a25 72%,#c8172d 100%);border-bottom-color:#d6001c;box-shadow:0 3px 10px #d6001c29}.theme-red-green .header-dot{background:linear-gradient(135deg,#4ade80 0%,#00d655 55%,#00a844 100%)}.theme-red-green .hd-5{background:radial-gradient(circle at 35% 35%,#4ade80fa 0%,#00d655d1 58%,#008f3a7a 100%)}.theme-red-green .wave-shadow{stroke:#fecaca75}.theme-red-green .wave-line{stroke:#fee2e2e6}.theme-red-green .blob-green{background:radial-gradient(circle,#a7f3d0b3 0%,#fff0 70%)}.theme-red-green .blob-green-2{background:radial-gradient(circle,#a7f3d080 0%,#fff0 70%)}.theme-red-green .apps-toggle-button{background:linear-gradient(to top right,#22c98a 0%,#1ab37b 52%,#149566 100%)}.profile-button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;padding:5px 9px;transition:background-color .15s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.profile-button:hover,.profile-button:focus-visible{background:#ffffff40}.profile-initials{color:#7e22ce;letter-spacing:.025em;background:#e9d5ff;border:1px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.profile-name{margin-right:3px;font-size:13px;font-weight:500}.profile-button svg{fill:none;stroke:currentColor;stroke-width:2px;opacity:.8;width:15px;height:15px;transition:transform .3s}.profile-button:hover svg{transform:rotate(90deg)}.profile-dropdown{color:#334155;background:#fff;border:1px solid #f1f5f9;border-radius:16px;width:340px;padding:4px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a}.profile-dropdown-head{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;padding:20px;display:flex}.profile-dropdown .avatar{color:#7e22ce;background:#e9d5ff;border:2px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:12px;font-size:24px;font-weight:700;display:grid;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.profile-name-field{color:#1e293b;text-align:center;background:0 0;border:0;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:18px;font-weight:700}.profile-last-name{margin-top:-8px}.profile-dropdown-body{gap:2px;padding:20px;display:grid}.profile-dropdown-body label{color:#94a3b8;text-transform:uppercase;font-size:.65rem;font-weight:700}.profile-dropdown-body input{color:#334155;background:0 0;border:0;border-radius:4px;outline:none;width:100%;padding:2px 4px;font-size:14px;font-weight:500}.profile-dropdown-actions{background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 12px 12px;justify-content:space-between;padding:12px;display:flex}.profile-dropdown-actions button{color:#475569;background:#f1f5f9;border:0;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.profile-dropdown-actions button:last-child{color:#fff;background:#1ab37b;align-items:center;gap:8px;display:flex}.profile-dropdown-actions svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.profile-dropdown-actions button:first-child:hover{background:#e2e8f0}.profile-dropdown-actions button:last-child:hover{background:#149566}.hub-main{z-index:10;flex:1;align-items:flex-start;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:2rem 3rem;display:flex;position:relative}.main-column{flex:1;min-width:0}.welcome-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:.75rem;padding-bottom:1rem;display:flex}.welcome-row h2{color:#334155;align-items:center;gap:9px;margin:0;font-size:1.35rem;font-weight:600;display:flex}.welcome-row h2 span{cursor:default;transform-origin:bottom;font-size:1.35rem}.welcome-row p{color:#64748b;margin:6px 0 0;font-size:.8rem}.hub-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hub-search{align-items:center;display:flex;position:relative}.hub-search svg{fill:none;stroke:#94a3b8;stroke-width:2px;width:15px;height:15px;position:absolute;left:11px}.hub-search input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;outline:none;width:272px;padding:7px 14px 7px 33px;font-size:13px;transition:all .15s;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.hub-search input:focus{border-color:#1ab37b;box-shadow:0 0 0 1px #1ab37b}.notes-button,.apps-button{color:#fff;border:0;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.notes-button{background:#fbbf24;border-radius:50%;place-items:center;width:34px;height:34px;padding:7px;display:grid}.notes-button:hover{background:#f59e0b}.apps-button{border-radius:999px;align-items:center;gap:7px;padding:7px 17px;font-size:13px;font-weight:600;display:flex}.apps-button.compact{justify-content:center;width:34px;height:34px;padding:0}.apps-button:hover{filter:brightness(.95)}.notes-button svg,.apps-button svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.hub-section{margin-bottom:2.5rem}.section-title{color:#1e293b;cursor:move;border-radius:.5rem;align-items:center;gap:8px;margin:0 0 1.2rem;padding:.5rem 0;font-size:1.1rem;font-weight:700;transition:background-color .2s;display:flex}.section-title:hover{background-color:#00000005}.hub-section[draggable=true]>.section-title{cursor:grab}.section-title:after{content:"";background:linear-gradient(90deg,#e2e8f0,#0000);flex:1;height:1px}.section-title svg{fill:none;stroke:#94a3b8;stroke-width:2px;width:20px;height:20px;margin-right:4px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;transition:all .3s;display:grid}.hub-grid-wide .cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.app-card{z-index:10;min-height:220px;color:inherit;text-align:left;cursor:grab;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.app-card:active{cursor:grabbing}.app-card:hover,.app-card:focus-visible{border-color:#cbd5e1;outline:none;transform:translateY(-4px);box-shadow:0 12px 24px -6px #0000000d,0 4px 10px -2px #00000005}.card-purple:hover{border-color:#8b5cf6}.card-blue:hover{border-color:#3b82f6}.card-orange:hover{border-color:#f97316}.card-lime:hover{border-color:#84cc16}.card-indigo:hover{border-color:#6366f1}.card-red:hover{border-color:#ef4444}.card-violet:hover{border-color:#8b5cf6}.card-green:hover{border-color:#22c55e}.card-fuchsia:hover{border-color:#d946ef}.card-slate:hover{border-color:#64748b}.card-cyan:hover{border-color:#06b6d4}.card-amber:hover{border-color:#f59e0b}.app-card-disabled{cursor:default}.app-card-disabled:hover{border-color:#e2e8f0;transform:none;box-shadow:0 1px 2px #00000005}.custom-card:hover{border-color:#1ab37b}.card-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;transition:transform .3s;display:flex}.app-card:hover .card-icon-wrapper{transform:scale(1.05)}.card-icon-wrapper svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.card-icon-wrapper.purple{color:#a855f7;background:#faf5ff}.card-icon-wrapper.blue{color:#3b82f6;background:#eff6ff}.card-icon-wrapper.orange{color:#f97316;background:#fff7ed}.card-icon-wrapper.lime{color:#84cc16;background:#f7fee7}.card-icon-wrapper.indigo{color:#6366f1;background:#eef2ff}.card-icon-wrapper.red{color:#ef4444;background:#fef2f2}.card-icon-wrapper.violet{color:#8b5cf6;background:#f5f3ff}.card-icon-wrapper.green{color:#22c55e;background:#f0fdf4}.card-icon-wrapper.fuchsia{color:#d946ef;background:#fdf4ff}.card-icon-wrapper.slate{color:#64748b;background:#f1f5f9}.card-icon-wrapper.cyan{color:#06b6d4;background:#ecfeff}.card-icon-wrapper.amber{color:#f59e0b;background:#fffbeb}.card-title{color:#0f172a;margin:0 0 8px;font-size:1.05rem;font-weight:600;transition:color .2s}.card-desc{color:#64748b;flex-grow:1;margin:0;font-size:.8rem;line-height:1.5}.link-text{color:#3b82f6;align-items:center;margin-top:1.5rem;font-size:.8rem;font-weight:600;transition:color .2s;display:flex}.link-arrow{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;margin-left:4px;transition:transform .3s}.card-purple .link-text{color:#a855f7}.card-purple:hover .card-title{color:#9333ea}.card-blue .link-text{color:#3b82f6}.card-blue:hover .card-title{color:#2563eb}.card-orange .link-text{color:#f97316}.card-orange:hover .card-title{color:#ea580c}.card-lime .link-text{color:#84cc16}.card-lime:hover .card-title{color:#65a30d}.card-indigo .link-text{color:#6366f1}.card-indigo:hover .card-title{color:#4f46e5}.card-red .link-text{color:#ef4444}.card-red:hover .card-title{color:#dc2626}.card-violet .link-text{color:#8b5cf6}.card-violet:hover .card-title{color:#7c3aed}.card-green .link-text{color:#22c55e}.card-green:hover .card-title{color:#16a34a}.card-fuchsia .link-text{color:#d946ef}.card-fuchsia:hover .card-title{color:#c026d3}.card-slate .link-text{color:#64748b}.card-slate:hover .card-title{color:#475569}.card-cyan .link-text{color:#06b6d4}.card-cyan:hover .card-title{color:#0891b2}.card-amber .link-text{color:#f59e0b}.card-amber:hover .card-title{color:#d97706}.green-text{color:#1ab37b;text-decoration:none}.custom-links{justify-content:space-between;align-items:center;gap:12px;margin-top:1.5rem;display:flex}.custom-links .link-text{margin-top:0}.custom-links button{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700}.app-card:hover .link-arrow{transform:translate(4px)}.add-card{color:#94a3b8;background:#f8fafc80;border:2px dashed #cbd5e1;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;font-weight:700;display:flex}.add-card:hover{color:#1ab37b;background:#1ab37b0d;border-color:#1ab37b}.add-card strong{font-size:32px;font-weight:400}.empty-search{color:#94a3b8}.side-panel{background:#fff;border-radius:16px;flex:0 0 320px;width:320px;min-height:500px;overflow:hidden;box-shadow:0 10px 28px #0f172a1a}.apps-panel{border:1px solid #d1fae5}.notes-panel{border:1px solid #fde68a}.panel-head{color:#1ab37b;background:#ecfdf5;border-bottom:1px solid #d1fae5;justify-content:space-between;align-items:center;min-height:62px;padding:14px 16px;display:flex}.notes-panel .panel-head{color:#d97706;background:#fffbeb;border-color:#fde68a}.panel-head h2{margin:0;font-size:14px}.panel-head>div{display:flex}.panel-head button{width:32px;height:32px;color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;font-size:18px;display:grid}.panel-head button svg,.note-delete svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.panel-head button:hover,.panel-head button.active{background:#d1fae5}.panel-body{padding:16px}.panel-body h4,.predefined h4{color:#1ab37b;letter-spacing:.08em;margin:0 0 12px;font-size:11px}.panel-empty{color:#94a3b8;text-align:center;font-size:12px}.round-add{color:#1ab37b;background:#ecfdf5;border:0;border-radius:50%;width:36px;height:36px;margin:4px auto 26px;font-size:20px;display:block}.menu-app{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;grid-template-columns:22px 1fr repeat(4,auto);align-items:center;gap:7px;margin-bottom:8px;padding:12px;font-size:12px;display:grid}.menu-app a,.menu-app button{background:0 0;border:0;text-decoration:none}.predefined{margin-top:18px}.predefined>div{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;gap:10px;padding:12px;display:grid}.predefined label{color:#475569;font-size:12px;font-weight:600}.category-config{gap:7px;display:grid}.category-config>strong{color:#334155;cursor:grab;font-size:12px}.category-config label{cursor:grab}.note-form{gap:10px;padding:16px;display:grid}.note-form textarea{resize:vertical;border:1px solid #fde68a;border-radius:10px;min-height:110px;padding:10px}.note-form>label,.note-form>small{color:#92400e;font-size:11px}.reminder-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reminder-fields label{color:#92400e;gap:4px;font-size:10px;display:grid}.reminder-fields input{background:#fff;border:1px solid #fde68a;border-radius:8px;width:100%;min-width:0;padding:8px}.calendar-field{display:block;position:relative}.calendar-field .calendar-picker{opacity:0;cursor:pointer;position:absolute;inset:0}.reminder-fields input[type=time]{cursor:pointer;position:relative}.reminder-fields input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.reminder-fields input[type=time]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.note-form button{color:#fff;background:#f59e0b;border:0;border-radius:8px;padding:9px}.notes-panel ul{margin:0;padding:0 28px;list-style:none}.notes-panel li{overflow-wrap:anywhere;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:9px;padding:12px 42px 12px 12px;font-size:12px;position:relative}.notes-panel li small{color:#d97706;margin-top:6px;display:block}.note-delete{color:#b45309;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:7px;right:7px}.note-delete:hover{background:#fde68a}.notes-horizontal-panel{background:#fff;border:1px solid #fde68a;border-radius:16px;margin-bottom:28px;overflow:hidden;box-shadow:0 10px 28px #0f172a14}.notes-horizontal-panel .note-form{grid-template-columns:minmax(240px,1fr) auto auto;align-items:end}.notes-horizontal-panel .note-form textarea{grid-row:span 3}.notes-horizontal-panel ul{gap:10px;padding:0 16px 16px;display:flex;overflow-x:auto}.notes-horizontal-panel li{flex:0 0 260px;width:260px}.reminder-toast{z-index:300;color:#78350f;background:#fffbeb;border:1px solid #fbbf24;border-radius:14px;gap:6px;width:min(360px,100% - 48px);padding:18px 42px 18px 18px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 48px #0f172a38}.reminder-toast button{color:#92400e;background:0 0;border:0;font-size:22px;position:absolute;top:8px;right:10px}footer{z-index:10;color:#94a3b8;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border-top:1px solid #e2e8f0;margin-top:auto;padding:24px;font-size:12px;font-weight:500;position:relative}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(440px,100%);padding:24px;position:relative;box-shadow:0 24px 70px #0f172a4d}.modal.wide{width:min(760px,100%);padding:32px}.modal h2{color:#1e293b;margin:0 0 22px;font-size:22px}.modal-close{color:#94a3b8;background:0 0;border:0;font-size:24px;position:absolute;top:16px;right:16px}.mode-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;gap:20px;margin-bottom:22px;padding:12px;font-size:13px;font-weight:600;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{color:#475569;text-transform:uppercase;gap:7px;font-size:11px;font-weight:700;display:grid}.form-grid input{text-transform:none;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.span-2{grid-column:span 2}.modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.modal-actions button{border:0;border-radius:8px;padding:10px 20px}.save-button{color:#fff;background:#d60b26}.delete-modal p{color:#64748b}.delete-button{color:#fff;background:#d6001c}.error{color:#b91c1c;font-size:12px}.pin-modal{text-align:center}.pin-input{text-align:center;letter-spacing:.45em;border:1px solid #cbd5e1;border-radius:9px;width:140px;margin:0 auto 18px;padding:10px;font-size:24px;display:block}.full-button{border:0;border-radius:8px;width:100%;padding:10px}.credential-row{overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;gap:6px;margin-top:14px;padding:12px;display:grid}.credential-row small{color:#94a3b8;font-weight:800}.credential-row button{color:#047857;background:#d1fae5;border:0;border-radius:6px;justify-self:start;padding:4px 8px}.hub-login-page{background:#f4f6f8;place-items:center;min-height:100vh;padding:24px;display:grid}.hub-login-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:18px;width:min(420px,100%);padding:34px;display:grid;box-shadow:0 18px 50px #0f172a1a}.hub-login-card>img{width:52px;height:52px}.hub-login-card h1,.hub-login-card p{margin:0}.hub-login-card>p{color:#64748b}.hub-login-card button{color:#fff;background:#d6001c;border:0;border-radius:9px;min-height:44px;font-weight:800}@media (width<=1024px){.header-bg{min-height:82px;padding:.75rem 1.5rem}.hub-main{flex-direction:column;gap:1rem;padding:1rem}.side-panel{flex-basis:auto;width:100%;min-height:0}.welcome-row{flex-direction:column;align-items:flex-start;gap:.8rem;margin-bottom:0;padding-bottom:.8rem}.welcome-row h2{font-size:1.25rem;line-height:1.2}.welcome-row p{font-size:.78rem}.hub-actions{flex-wrap:wrap;width:100%}.hub-search{flex:100%}.hub-search input{width:100%}.notes-horizontal-panel .note-form{grid-template-columns:1fr}.notes-horizontal-panel .note-form textarea{grid-row:auto}}@media (width<=640px){.hub-brand-logo{width:46px;height:46px}.hub-brand-title{font-size:27px}.hub-brand-subtitle{font-size:12px}.profile-name{display:none}.cards-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.app-card{min-height:190px;padding:1.1rem}.apps-button span{display:none}.apps-button{justify-content:center;width:34px;padding:0}.form-grid,.reminder-fields{grid-template-columns:1fr 1fr}.span-2{grid-column:auto}.mode-row{flex-direction:column;align-items:flex-start}}