@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Indie+Flower&display=swap";:root{--bg-main: #f4f1ea;--bg-panel: #fffdf9;--bg-accent: #144552;--ink-main: #1f2933;--ink-soft: #52606d;--line: #d9d2c5;--ok: #197278;--warn: #d1495b;--radius: 14px;--shadow: 0 12px 28px rgba(20, 69, 82, .08)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Trebuchet MS,Segoe UI,sans-serif;background:#f2f3f8;color:var(--ink-main)}.content-wrapper,.animated-card{background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 32px #1f26871a;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease}.animated-card:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 12px 40px #1f268726}.form-label{display:block;margin-bottom:6px;font-size:.84rem;font-weight:700;color:#475569}.form-input{width:100%;border:1px solid #d7dce5;border-radius:.8rem;padding:.72rem .85rem;background:#ffffffeb;color:#1f2937;outline:none}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.platform-shell{display:flex;min-height:100vh}.sidebar{transition:transform .3s ease-in-out;z-index:40;box-shadow:0 0 30px #0003}.platform-sidebar{width:14rem;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:0;height:100%}.platform-brand{text-align:center;padding:1rem 0 1.5rem}.platform-brand h1{margin:0;font-size:1.8rem;font-weight:800;letter-spacing:.04em}.platform-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.nav-link{display:flex;align-items:center;width:100%;background:transparent;border:none;color:#cbd5e1;padding:.85rem 1rem;border-radius:.85rem;font-size:.92rem;font-weight:700;text-align:left;position:relative}.nav-link:hover{background:#6366f11f;color:#fff}.nav-link.active{background:linear-gradient(90deg,#6366f13d,#a855f733);color:#fff;box-shadow:inset 0 0 0 1px #ffffff0f}.nav-link.active:before{content:"";position:absolute;left:.3rem;top:.55rem;bottom:.55rem;width:3px;border-radius:999px;background:#818cf8}.platform-sidebar-footer{text-align:center;border-top:1px solid rgba(148,163,184,.18);padding-top:1rem}.platform-sidebar-footer p{margin:0;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#94a3b8}.platform-sidebar-footer strong{display:block;margin-top:.55rem;padding:.65rem;border-radius:.75rem;background:#94a3b81f;border:1px solid rgba(148,163,184,.12);font-size:.78rem}.main-content{flex-grow:1;min-height:100vh;overflow-y:auto;overflow-x:hidden;margin-left:14rem;padding:1rem 2rem 2rem;min-width:0}.app-header{position:sticky;top:0;z-index:20;min-width:0;padding:1rem 1.2rem;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;background:#ffffffad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45)}.platform-main-title{margin:0;font-size:2rem;color:#1f2937}.header-icon-btn{border-radius:999px;border:1px solid #e2e8f0;background:#ffffffe0;color:#475569;padding:.7rem 1rem}.header-icon-btn:hover{background:#eef2ff;color:#4338ca}.platform-header-actions{display:flex;align-items:center;gap:.75rem}.platform-user-chip{padding:.55rem .9rem;border-radius:999px;background:#6366f11a;color:#4338ca;font-weight:700}.content-view{display:grid;gap:1rem}.platform-titlebar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0}.platform-titlebar.compact{margin-bottom:1rem}.platform-titlebar h3{margin:0;font-size:1.16rem;line-height:1.2}.platform-titlebar p{margin-top:.25rem;color:#60708b;font-size:.88rem}.platform-primary-btn{border:none;border-radius:.85rem;background:linear-gradient(90deg,#6b63ff,#5955e8);color:#fff;padding:.9rem 1.15rem;font-weight:700;min-height:44px}.platform-stats-layout{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:1rem}.platform-stat-box{display:grid;gap:.35rem}.platform-stat-box span{font-size:2rem;font-weight:800;color:#312e81}.platform-stat-box small{font-size:.85rem;font-weight:700;color:#6366f1}.platform-badge{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:800}.platform-badge.active{background:#e8fff0;color:#166534}.platform-badge.frozen{background:#fff1f2;color:#be123c}.platform-table-btn{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:.6rem;padding:.45rem .7rem;font-size:.76rem;font-weight:700}.platform-table-btn.light{background:#fff3;color:#fff;border-color:#ffffff4d}.platform-table-btn.danger{background:#7f1d1df0;color:#fff;border-color:#7f1d1df0}.platform-role-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1rem}.platform-role-card{border-radius:1rem;padding:1rem;color:#fff;box-shadow:0 16px 30px #0f172a2e;display:grid;gap:.9rem}.platform-role-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.platform-role-head h4{margin:0}.platform-role-head span{font-size:.72rem;padding:.3rem .55rem;border-radius:999px;background:#ffffff29}.platform-role-perms{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.platform-role-perms li{background:#ffffff1f;padding:.6rem .75rem;border-radius:.7rem;font-size:.84rem}.platform-subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:1rem;align-items:end}.platform-subscription-actions{grid-column:1 / -1}.platform-checkbox-row{display:flex;align-items:center;gap:.55rem;font-size:.92rem}.login-page{min-height:100vh;display:flex;align-items:stretch;justify-content:stretch;padding:0;background:#fff;overflow:hidden}.login-container{width:100%;min-height:100vh;border-radius:0;overflow:hidden;background:transparent;border:none;box-shadow:none;display:grid;grid-template-columns:1fr}@media (min-width: 768px){.login-container{grid-template-columns:58% 42%;min-height:100vh;max-width:none;border-radius:0}}.login-brand-logo{width:min(100%,260px);margin-bottom:24px}.login-brand-logo img{display:block;width:100%;height:auto}.login-mobile-logo{display:flex;justify-content:center;margin-bottom:24px}.login-mobile-logo img{width:min(210px,76%);height:auto}.login-brand-eyebrow{margin:0;color:#4f46e5;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.brand-title{max-width:100%;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.94;font-weight:800;margin:0;color:#101828;overflow-wrap:anywhere}.brand-subtitle{margin:0;max-width:300px;font-size:1rem;line-height:1.7;color:#667085}.login-form-panel{min-width:0;padding:40px 32px;display:flex;flex-direction:column;justify-content:center;background:#fff;box-shadow:-20px 0 60px #0f172a14;height:100vh;overflow-y:auto}.login-title{font-size:clamp(2rem,4vw,2.55rem);line-height:1.12;font-weight:800;margin:0 0 34px}.login-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.login-mode-btn{border:1px solid #d7dbef;background:#f8f9ff;color:#3730a3;border-radius:8px;padding:8px 10px;font-size:.86rem;font-weight:700}.login-mode-btn.active{background:linear-gradient(to right,#6366f1,#4f46e5);border-color:#4f46e5;color:#fff}.input-block{position:relative;margin-bottom:28px}.input-field{width:100%;height:54px;border:1px solid #dbe3f0;border-radius:12px;outline:0;font-size:1rem;color:#111827;padding:0 15px;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input-field::placeholder{color:transparent}.taskdone-shell .platform-sidebar{width:15.5rem;background:#1f293d;padding:2rem 1.05rem 1rem;box-shadow:none}.taskdone-shell .main-content{margin-left:15.5rem;padding:1.55rem 1.5rem 2rem}.taskdone-brand-block{display:flex;align-items:center;gap:.9rem;justify-content:flex-start;padding:.6rem .6rem 2rem}.taskdone-brand-block h1{font-size:1.55rem;font-weight:700;letter-spacing:0}.taskdone-brand-logo{color:#6c63ff;font-size:2.15rem;font-weight:800;line-height:1}.taskdone-nav-link{display:flex;align-items:center;gap:.9rem;width:100%;border:none;border-radius:.9rem;padding:.95rem 1rem;background:transparent;color:#d0d6e5;font-size:.9rem;font-weight:600;position:relative;text-align:left}.taskdone-nav-link:hover{background:#ffffff0d;color:#fff}.taskdone-nav-link.active{color:#fff;background:linear-gradient(180deg,#6c63ff,#5a56e8);box-shadow:0 10px 20px #6c63ff47}.taskdone-nav-icon{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;color:inherit;flex:0 0 auto}.taskdone-nav-icon svg,.taskdone-header-icon svg,.taskdone-avatar svg,.taskdone-calendar-icon svg{width:100%;height:100%}.taskdone-nav-label{flex:1}.taskdone-shell .notification-dot{width:.45rem;height:.45rem;border-radius:999px;background:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1f;flex:0 0 auto}.taskdone-header{position:static;margin-bottom:2rem;min-height:5.8rem;padding:1.4rem 1.7rem;border-radius:1rem;background:#fff;border:1px solid #eceef5;box-shadow:0 2px 14px #1f293d0a}.taskdone-header-left,.taskdone-header-right{display:flex;align-items:center}.taskdone-header-left,.taskdone-header-right{gap:1rem}.taskdone-header-title{margin:0;font-size:2rem;font-weight:700;color:#3f4a61}.taskdone-header-icon{width:2rem;height:2rem;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#64748b;padding:0}.taskdone-header-icon.menu{width:2.1rem;height:2.1rem}.taskdone-header-icon.purple{color:#6b5cff}.taskdone-header-icon.green{color:#22c55e}.taskdone-header-icon.red{color:#ff4d4f}.taskdone-user-meta{display:grid;justify-items:end;line-height:1.1}.taskdone-user-meta span{font-size:.88rem;color:#6b7280}.taskdone-user-meta strong{color:#5a56e8;font-size:.95rem}.taskdone-avatar{width:2.55rem;height:2.55rem;border-radius:999px;background:#eceffd;color:#6c63ff;display:inline-flex;align-items:center;justify-content:center;padding:.5rem}.taskdone-dashboard-content{display:grid;gap:1.15rem}.taskdone-state-error,.taskdone-state-info{padding:.95rem 1rem;border-radius:.9rem;font-weight:600}.taskdone-state-error{background:#fff0f1;color:#d64545}.taskdone-state-info{background:#eef4ff;color:#4b63d3}.taskdone-mode-toggle-wrap{display:flex;justify-content:flex-end}.taskdone-mode-toggle{display:inline-flex;gap:.35rem;padding:.35rem;border:1px solid #e8ebf4;border-radius:.85rem;background:#fff}.taskdone-mode-toggle button{border:none;background:transparent;color:#697386;font-size:.92rem;font-weight:700;border-radius:.6rem;padding:.6rem 1.15rem}.taskdone-mode-toggle button.active{background:#eef0ff;color:#5a56e8;box-shadow:inset 0 0 0 1px #d9ddfb}.taskdone-filter-card{background:#fff;border:1px solid #e9ecf4;box-shadow:0 2px 14px #1f293d0a;padding:.8rem 1rem 1rem}.taskdone-filter-top-row,.taskdone-filter-bottom-row{display:flex;align-items:center;gap:1rem;justify-content:space-between}.taskdone-filter-top-row{flex-wrap:wrap}.taskdone-filter-selects{display:flex;gap:.75rem;flex:1;flex-wrap:wrap}.taskdone-select{min-width:11rem;height:3rem;border-radius:.7rem;border:1px solid #e2e6f0;background:#fff;color:#374151;padding:0 .95rem;font-size:.95rem}.taskdone-date-range{display:flex;align-items:center;gap:.65rem;min-width:22rem;justify-content:flex-end}.taskdone-date-field{min-width:10.6rem;height:3rem;border:1px solid #e2e6f0;border-radius:.7rem;padding:0 .85rem;display:flex;align-items:center;gap:.55rem;background:#fff;position:relative}.taskdone-date-field input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.taskdone-calendar-icon{width:1rem;height:1rem;color:#94a3b8;flex:0 0 auto}.taskdone-date-field em{font-style:normal;font-size:.95rem;color:#4b5563}.taskdone-date-separator{color:#94a3b8;font-weight:700}.taskdone-filter-bottom-row{margin-top:.8rem}.taskdone-clear-btn,.taskdone-apply-btn,.taskdone-period-tabs button{border:1px solid #dbe1ed;background:#fff;color:#4b5563;font-weight:700}.taskdone-clear-btn{width:3.1rem;height:2.9rem;border-radius:.6rem 0 0 .6rem;background:#ff5454;color:#fff;border-color:#ff5454;font-size:1.6rem;line-height:1}.taskdone-apply-btn{height:2.9rem;padding:0 1rem;border-radius:.6rem}.taskdone-period-tabs{display:flex;flex:1;overflow:hidden;border-radius:.6rem}.taskdone-period-tabs button{height:2.9rem;padding:0 1.15rem;border-left-width:0}.taskdone-period-tabs button:first-child{border-left-width:1px}.taskdone-period-tabs button.active{background:#394150;color:#fff}.taskdone-summary-layout{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:1.2rem}.taskdone-summary-card{background:#fff;border:1px solid #e9ecf4;box-shadow:0 2px 14px #1f293d0a;padding:1.3rem 1.4rem;border-radius:1rem}.taskdone-summary-card h3{margin:0 0 1.4rem;font-size:.95rem;color:#475467}.taskdone-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.55rem 1rem}.taskdone-summary-grid div{display:grid;gap:.2rem}.taskdone-summary-grid strong{font-size:2rem;line-height:1}.taskdone-summary-grid span{font-size:.78rem;color:#4b5563;font-weight:700}.taskdone-summary-grid .blue{color:#5c6cff}.taskdone-summary-grid .green{color:#22c55e}.taskdone-summary-grid .yellow{color:#f4b400}.taskdone-summary-grid .red{color:#ef4444}.taskdone-dashboard-grids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.taskdone-table-card{background:#fff;border:1px solid #e9ecf4;box-shadow:0 2px 14px #1f293d0a;padding:1.1rem 1.2rem}.taskdone-table-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.taskdone-table-head h3{margin:0;font-size:1rem;color:#3f4a61}.taskdone-table-head span{min-width:2rem;height:2rem;border-radius:999px;background:#eef0ff;color:#5a56e8;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.taskdone-table-wrap{overflow:auto}.taskdone-table{width:100%;border-collapse:collapse}.taskdone-table th,.taskdone-table td{padding:.8rem .6rem;border-bottom:1px solid #edf0f6;text-align:left;font-size:.88rem}.taskdone-table th{color:#64748b;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.taskdone-empty-state{padding:1rem 0;color:#6b7280;font-weight:600}@media (max-width: 1100px){.taskdone-summary-layout,.taskdone-dashboard-grids{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.taskdone-shell .platform-sidebar{position:static;width:100%;height:auto}.taskdone-shell .main-content{margin-left:0}.taskdone-shell{flex-direction:column}.taskdone-header{flex-direction:column;align-items:flex-start;gap:1rem}.taskdone-header-right,.taskdone-filter-top-row,.taskdone-filter-bottom-row,.taskdone-date-range{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media (max-width: 640px){.taskdone-summary-layout,.taskdone-dashboard-grids{grid-template-columns:1fr}.taskdone-filter-selects,.taskdone-date-range,.taskdone-date-field,.taskdone-select,.taskdone-period-tabs{width:100%;min-width:100%}.taskdone-period-tabs{overflow:auto}}.taskdone-shell #app-admin-view .platform-titlebar h3,.taskdone-shell #role-management-view .platform-titlebar h3,.taskdone-shell #subscription-view .platform-titlebar h3{font-size:1.05rem;color:#3f4a61;font-weight:700}.taskdone-shell #app-admin-view .platform-titlebar p,.taskdone-shell #role-management-view .platform-titlebar p,.taskdone-shell #subscription-view .platform-titlebar p{color:#6b7280;font-size:.88rem}.taskdone-shell #app-admin-view .platform-stat-box{background:#fff;border:1px solid #e9ecf4;box-shadow:0 2px 14px #1f293d0a}.taskdone-shell #app-admin-view .platform-stat-box span{color:#5c6cff;font-size:2rem;font-weight:800}.taskdone-shell #app-admin-view .platform-stat-box small{color:#4b5563;font-size:.82rem;font-weight:700}.taskdone-shell .platform-primary-btn{border-radius:.6rem;font-size:.84rem;padding:.62rem .9rem;box-shadow:none}.taskdone-shell .platform-admin-table{width:100%;border-collapse:collapse}.taskdone-shell .platform-admin-table th,.taskdone-shell .platform-admin-table td{padding:9px 10px;border-bottom:1px solid #efe7da;text-align:left;font-size:.9rem;color:#334155}.taskdone-shell .platform-titlebar.compact>span{min-width:auto;height:auto;border-radius:0;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem}.taskdone-shell .platform-admin-table tbody tr{transition:background-color .2s ease}.taskdone-shell .platform-admin-table tbody tr:hover{background:#fcf8f2}.taskdone-shell .platform-admin-table th{background:#faf4ea;color:#4f5d75;font-size:.9rem;text-transform:none;letter-spacing:0;font-weight:600}.taskdone-shell .row-actions{gap:.45rem;display:flex;flex-wrap:wrap}.taskdone-shell .platform-table-btn{border:1px solid #0f3943;background:#0f3943;color:#fff;border-radius:10px;padding:8px 12px;font-size:.78rem;font-weight:600}.taskdone-shell .platform-table-btn:hover{filter:brightness(1.08)}.taskdone-shell .platform-role-grid{gap:1.1rem}.taskdone-shell .platform-role-card{border-radius:1rem;padding:1rem;box-shadow:0 12px 24px #0f172a33}.input-label{position:absolute;left:12px;top:-9px;display:block;max-width:calc(100% - 24px);padding:0 5px;background:#fff;color:#667085;font-size:.78rem;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.input-field:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51f}.input-field:focus~.input-label{color:#6366f1}.login-button{width:100%;min-height:56px;padding:.9rem 1rem;border:none;background:linear-gradient(135deg,#111827,#312e81 54%,#4f46e5);color:#fff;border-radius:12px;font-size:.96rem;font-weight:800;cursor:pointer;transition:all .3s ease;box-shadow:0 16px 28px #312e8138}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #4f46e580}.login-button:disabled{cursor:wait;opacity:.72;transform:none}.login-error{color:#b42318;margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#fff3f2;border:1px solid #ffd5d2;font-size:.92rem;font-weight:700}.login-powered-by{margin-top:28px;padding-top:14px;border-top:1px solid #f0f2f5;text-align:center}.login-powered-by p{margin:0;font-size:.72rem;color:#9ca3af;letter-spacing:.08em;text-transform:uppercase}.login-powered-by strong{display:block;margin-top:6px;color:#4338ca;font-size:.9rem}@media (max-width: 767px){.login-page{padding:0;align-items:stretch}.login-container{min-height:auto;grid-template-columns:1fr;max-width:100vw}.freeform-hero{display:none}.login-form-panel{min-height:100vh;padding:32px 24px;border-radius:0}.login-title{font-size:1.8rem;margin-bottom:24px}}.hidden{display:none!important}.saas-shell{min-height:100vh}.saas-nav{justify-content:space-between}.saas-nav ul{display:grid;gap:8px}.saas-nav-btn{width:100%;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;padding:10px 12px;font-weight:700}.saas-nav-btn.active{background:linear-gradient(90deg,#6366f1f2,#a855f7e0);border-color:#ffffff2e}.saas-nav-footer{border-top:1px solid rgba(255,255,255,.14);margin-top:16px;padding-top:16px;text-align:center}.saas-nav-footer p{color:#ffffff9e;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.saas-nav-footer strong{display:block;margin-top:6px;padding:8px 10px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.platform-view{display:grid;gap:16px}.platform-head-actions{display:flex;justify-content:space-between;align-items:center}.platform-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.platform-stat-card{background:linear-gradient(135deg,#ffffffe0,#f6f7ffeb);border:1px solid rgba(99,102,241,.14);border-radius:18px;box-shadow:0 20px 40px #4f46e514;padding:18px;display:grid;gap:6px}.platform-stat-card span{font-size:2rem;font-weight:800;color:#312e81}.platform-stat-card small{color:#6366f1;font-weight:700}.platform-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800}.platform-badge.active{background:#eafaf0;color:#166534;border:1px solid #bbf7d0}.platform-badge.frozen{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.platform-empty-plan{color:#dc2626;font-weight:700}.platform-role-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.platform-role-card{border-radius:20px;padding:18px;color:#fff;box-shadow:0 18px 36px #0f172a2e;display:grid;gap:14px}.platform-role-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.platform-role-card-head h4{margin:0;font-size:1.05rem}.platform-role-card-head span{font-size:.72rem;font-weight:800;background:#ffffff24;padding:4px 8px;border-radius:999px}.platform-permission-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.platform-permission-list li{font-size:.88rem;background:#ffffff1a;padding:8px 10px;border-radius:10px}.role-gradient-super-admin{background:linear-gradient(135deg,#ef4444,#ec4899)}.role-gradient-admin{background:linear-gradient(135deg,#2563eb,#06b6d4)}.role-gradient-employee{background:linear-gradient(135deg,#16a34a,#14b8a6)}.role-gradient-custom{background:linear-gradient(135deg,#6d28d9,#9333ea)}.platform-subscription-form{background:var(--bg-panel);border:1px solid var(--line);border-radius:16px}.swal-platform-form{display:grid;gap:10px}.swal-platform-form.checkbox-form{text-align:left}.swal-platform-form.checkbox-form label{display:flex;align-items:center;gap:8px;font-size:.92rem}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.left-nav{padding:24px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,#113640,#19525d);color:#fff}.left-nav h2{font-size:1.4rem;letter-spacing:.03em}.left-role{margin-top:6px;color:#ffffffbf}.left-nav ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.left-nav li{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:.92rem;background:#ffffff12}.main-shell{display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);background:#fffdf9d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.top-bar h1{font-size:1.35rem}.top-bar p{margin-top:4px;color:var(--ink-soft);font-size:.86rem}.top-actions{display:flex;align-items:center;gap:12px}button,select,input{font:inherit}button{border:1px solid #0f3943;background:#0f3943;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}button:hover{filter:brightness(1.08)}.dash-content{padding:16px;display:grid;gap:14px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px}.filter-bar label{display:grid;gap:4px;min-width:180px;color:var(--ink-soft);font-size:.9rem}.filter-bar select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff}.notice-strip{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.notice-strip p{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;box-shadow:var(--shadow)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px}.metric-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;display:grid;gap:8px}.metric-card header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.metric-card h3{font-size:.95rem}.metric-card header span{color:var(--ink-soft);font-size:.82rem}.metric-row{display:flex;align-items:baseline;gap:8px}.metric-row strong{font-size:1.55rem}.metric-row small{color:var(--ink-soft)}.metric-inline{display:flex;gap:8px;color:var(--ink-soft);font-size:.88rem}.metric-progress{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#e6ebe9}.metric-progress span{display:block;height:100%;background:linear-gradient(90deg,#197278,#2a9d8f)}.panel-table{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:1rem}.panel-head span{font-size:.82rem;color:var(--ink-soft)}.table-wrap{overflow:auto}.taskdone-shell .table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.taskdone-shell .platform-admin-table{min-width:860px}.taskdone-shell #companies .table-wrap,.taskdone-shell #company-details .table-wrap,.taskdone-shell #subscriptions .table-wrap,.taskdone-shell #plan-requests .table-wrap,.taskdone-shell #renewals .table-wrap,.taskdone-shell #audits .table-wrap{max-height:none}.taskdone-shell .platform-admin-table thead th{position:sticky;top:0;z-index:1}.taskdone-shell .platform-admin-table th.col-action,.taskdone-shell .platform-admin-table td.col-action{min-width:220px;white-space:normal}.taskdone-shell .platform-admin-table th.col-wrap,.taskdone-shell .platform-admin-table td.col-wrap{min-width:240px}.taskdone-shell .platform-admin-table th.col-date,.taskdone-shell .platform-admin-table td.col-date{min-width:160px}.taskdone-shell .row-actions.col-action{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem;align-items:stretch}.taskdone-shell .row-actions.col-action button,.taskdone-shell .row-actions.col-action .platform-table-btn{width:100%;padding:.85rem .95rem;font-size:.82rem;border-radius:.95rem;line-height:1.2;white-space:nowrap}.taskdone-shell .platform-admin-table th,.taskdone-shell .platform-admin-table td{padding:12px 14px;word-break:break-word;overflow-wrap:anywhere}.taskdone-shell .platform-admin-table.table-compact th,.taskdone-shell .platform-admin-table.table-compact td{padding:10px 12px}.taskdone-shell .platform-admin-table tbody tr{transition:background .18s ease}.taskdone-shell .platform-admin-table tbody tr:hover{background:#6366f10f}.taskdone-shell .table-wrap{padding:.35rem;border-radius:1rem;background:#f8f7f3}.panel-body .table-wrap+.table-wrap{margin-top:8px}table{width:100%;border-collapse:collapse}th,td{padding:9px 10px;border-bottom:1px solid #efe7da;text-align:left;font-size:.9rem}.table-compact th,.table-compact td{padding:7px 8px;font-size:.82rem}th{background:#faf4ea;color:#4f5d75;font-weight:600}.table-legacy th.col-id,.table-legacy td.col-id{width:72px;white-space:nowrap}.table-legacy th.col-user,.table-legacy td.col-user,.table-legacy th.col-date,.table-legacy td.col-date,.table-legacy th.col-status,.table-legacy td.col-status,.table-legacy th.col-action,.table-legacy td.col-action,.table-legacy th.col-proof,.table-legacy td.col-proof{white-space:nowrap}.table-legacy th.col-wrap,.table-legacy td.col-wrap{min-width:220px}.table-legacy td.col-wrap{white-space:normal;line-height:1.32}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:700;letter-spacing:.01em;border:1px solid #c9d2d0;background:#eef3f2;color:#30565e}.status-active{border-color:#b7e4c7;background:#e9f8ef;color:#1b5e20}.status-in-active{border-color:#f5c2c7;background:#fff0f1;color:#7f1d1d}.status-paused{border-color:#f2d8a7;background:#fff7e7;color:#8a5a00}.status-pending{border-color:#bfdbfe;background:#eef6ff;color:#1e3a8a}.panel-empty,.state-info,.state-error{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;background:#fff}.state-error{color:var(--warn);border-color:#d1495b66}.tab-row{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.tab-btn{border-radius:999px;border:1px solid #c9beb0;background:#fff;color:#29434e;padding:7px 12px}.tab-btn.active{border-color:#0f3943;background:#0f3943;color:#fff}.panel-body{display:grid;gap:12px;padding:12px}.work-form{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(170px,1fr));align-items:end;background:#fff;border:1px solid #efe7da;border-radius:12px;padding:10px}.work-form h4{grid-column:1 / -1}.work-form label{display:grid;gap:4px;font-size:.88rem;color:var(--ink-soft)}.work-form input,.work-form select{border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:#fff}.work-form select[multiple]{min-height:110px;max-height:220px;padding-right:8px}.multi-checkbox-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:.5rem}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.checkbox-item:hover{background:#3b82f60d}.checkbox-item input{accent-color:var(--blue)}.upload-panel{border:1px solid #efe7da;background:#fff;border-radius:12px;padding:10px}.file-drop-label{margin:0 0 6px;font-size:.84rem;font-weight:700;color:#4b5563}.file-drop-zone{border:2px dashed #b8c2b9;border-radius:10px;padding:14px;text-align:center;font-size:.86rem;color:#475569;background:#f8fafc;cursor:pointer}.file-drop-zone.drag-over{border-color:#0f7a43;background:#edf9f1}.file-list{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}.file-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #ebe5d8;border-radius:8px;padding:6px 8px;font-size:.82rem}.row-actions{display:flex;gap:6px;align-items:center}.row-actions.col-action{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem;align-items:stretch}.row-actions.col-action button,.row-actions.col-action .platform-table-btn,.row-actions.col-action .btn-danger{width:100%;min-width:0;padding:.85rem .95rem;font-size:.82rem;border-radius:.95rem;line-height:1.2;white-space:nowrap}.btn-danger{background:#7f1d1d;border-color:#7f1d1d}.btn-compact{padding:5px 10px;border-radius:8px;font-size:.78rem;line-height:1;min-width:56px}.btn-ok{background:#166534;border-color:#166534}.approval-btn{width:28px;height:24px;border-radius:6px;padding:0;font-size:.68rem;font-weight:700;line-height:1;box-shadow:0 2px 6px #0000002e}.approval-btn.approve{background:#16a34a;border-color:#16a34a}.approval-btn.rework{background:#dc2626;border-color:#dc2626}.approval-btn:hover{transform:scale(1.05)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;padding:16px;z-index:1000}.modal-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px #00000038;padding:14px;display:grid;gap:10px}.modal-card-wide{width:min(880px,100%)}.preview-list{display:grid;gap:10px;max-height:70vh;overflow:auto}.preview-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fbfaf8}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);font-size:.84rem}.preview-head a{color:#0f4c81;text-decoration:none;font-weight:700}.preview-head a:hover{text-decoration:underline}.preview-item iframe{width:100%;min-height:360px;border:none}.toast-notice{position:fixed;top:16px;right:16px;z-index:1200;border-radius:10px;padding:10px 14px;color:#fff;font-weight:700;box-shadow:0 14px 26px #00000040;animation:toastIn .18s ease-out,toastOut .22s ease-in 1.7s}.toast-notice.success{background:#0f7a43}.toast-notice.error{background:#b91c1c}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}.modal-card label{display:grid;gap:6px;font-size:.9rem;color:var(--ink-soft)}.modal-card textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;resize:vertical;min-height:90px;font:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:8px}@media (max-width: 1000px){.app-shell{grid-template-columns:1fr}.left-nav{border-right:none;border-bottom:1px solid rgba(255,255,255,.2)}.metric-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.notice-strip{grid-template-columns:repeat(2,minmax(140px,1fr))}.platform-role-grid,.platform-stats-grid,.platform-stats-layout,.platform-subscription-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 640px){.metric-grid,.notice-strip,.platform-role-grid,.platform-stats-grid{grid-template-columns:1fr}.main-content{margin-left:0;padding:1rem}.platform-sidebar{position:static;width:100%;height:auto}.platform-shell{display:grid}.app-header,.platform-titlebar,.platform-header-actions{flex-direction:column;align-items:flex-start}.platform-stats-layout,.platform-subscription-grid{grid-template-columns:1fr}.taskdone-shell .platform-admin-table{min-width:920px}.filter-bar label{min-width:100%}.top-bar{flex-direction:column;align-items:flex-start}.work-form{grid-template-columns:1fr}}.taskdone-shell .main-content,.taskdone-shell .content-view,.taskdone-shell .content-wrapper,.taskdone-shell .taskdone-table-card{min-width:0}.taskdone-shell .row-actions{align-items:center}.taskdone-shell .platform-titlebar .row-actions{justify-content:flex-end}.taskdone-shell .row-actions .form-input{min-width:180px}.taskdone-shell .table-wrap{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.taskdone-shell .platform-admin-table{min-width:1120px}@media (max-width: 900px){.taskdone-header-title{font-size:1.5rem}.taskdone-shell .platform-titlebar{align-items:stretch}.taskdone-shell .platform-titlebar .row-actions{width:100%;justify-content:flex-start}.taskdone-shell .row-actions .form-input{min-width:160px;flex:1 1 220px}.taskdone-shell .platform-primary-btn{min-height:40px}}@media (max-width: 640px){.taskdone-header{padding:1rem;margin-bottom:1rem}.taskdone-header-left{width:100%}.taskdone-header-right{gap:.75rem}.taskdone-user-meta{justify-items:start;order:1;width:100%}.taskdone-avatar{order:2}.taskdone-header-icon.red{order:3}.taskdone-shell .platform-titlebar{gap:.75rem}.taskdone-shell .platform-titlebar .row-actions{width:100%}.taskdone-shell .row-actions .form-input,.taskdone-shell .row-actions .platform-primary-btn,.taskdone-shell .row-actions .platform-table-btn{width:100%;min-width:100%}.taskdone-shell .row-actions.col-action .platform-table-btn{width:auto;min-width:0}.fms-flow-panel{padding:.85rem}.fms-flow-panel .panel-head,.fms-flow-monitor,.fms-flow-actions{align-items:stretch;gap:.75rem}.fms-flow-panel .panel-head,.fms-flow-actions{flex-direction:column}.fms-flow-panel .panel-body,.fms-flow-panel .work-form{min-width:0}.fms-flow-panel .work-form{grid-template-columns:1fr}.fms-flow-panel input,.fms-flow-panel select,.fms-flow-panel textarea,.fms-flow-panel button{font-size:16px}.fms-flow-actions .form-input,.fms-flow-actions button,.fms-flow-panel .platform-primary-btn,.fms-flow-panel .platform-table-btn{width:100%}.fms-flow-table-wrap{border:1px solid #e6eaff;border-radius:.85rem;background:#fff}.fms-flow-table-wrap table{min-width:760px}.fms-flow-panel .taskdone-summary-layout{grid-template-columns:1fr}}.taskdone-shell{background:radial-gradient(1200px 500px at 30% -20%,#eef2ff,#f4f6fb 42%,#eef1f8)}.taskdone-shell .platform-sidebar{background:linear-gradient(180deg,#1f2b45,#1b2438);border-right:1px solid rgba(255,255,255,.06)}.taskdone-shell .taskdone-brand-logo{color:#6f6bff}.taskdone-shell .taskdone-nav-link{border:1px solid transparent;transition:all .2s ease}.taskdone-shell .taskdone-nav-link:hover{background:#ffffff14;border-color:#ffffff14}.taskdone-shell .taskdone-nav-link.active{background:linear-gradient(180deg,#6b63ff,#5955e8);box-shadow:0 10px 22px #5c56e859;border-color:#ffffff14}.taskdone-shell #overview-nav .taskdone-nav-icon{color:#a5b4fc}.taskdone-shell #renewals-nav .taskdone-nav-icon{color:#86efac}.taskdone-shell #plan-requests-nav .taskdone-nav-icon{color:#67e8f9}.taskdone-shell #audits-nav .taskdone-nav-icon{color:#f9a8d4}.taskdone-shell #subscriptions-nav .taskdone-nav-icon{color:#fcd34d}.taskdone-shell #companies-nav .taskdone-nav-icon{color:#93c5fd}.taskdone-shell #company-details-nav .taskdone-nav-icon{color:#fdba74}.taskdone-shell .taskdone-nav-link.active .taskdone-nav-icon,.taskdone-shell .taskdone-nav-link.active .taskdone-nav-label{color:#fff}.taskdone-shell .taskdone-header{background:#ffffffeb;border:1px solid #e6eaf4;box-shadow:0 8px 24px #1f293d14}.taskdone-shell .taskdone-header-icon{width:2.3rem;height:2.3rem;border-radius:999px;border:1px solid #e8ebf5;background:#fff}.taskdone-shell .taskdone-header-icon.menu{border:none;background:transparent}.taskdone-shell .taskdone-header-icon.purple{color:#635bff}.taskdone-shell .taskdone-header-icon.green{color:#22c55e}.taskdone-shell .taskdone-header-icon.red{color:#ff4d4f}.taskdone-shell .taskdone-dashboard-content .content-wrapper,.taskdone-shell .taskdone-table-card,.taskdone-shell .taskdone-summary-card{background:#ffffffe0;border:1px solid #e8ebf3;box-shadow:0 6px 20px #1921350f}.taskdone-shell .platform-titlebar h3{display:inline-flex;align-items:center;gap:.55rem;color:#3a4763}.taskdone-shell .section-title-icon{width:1.3rem;height:1.3rem;color:#5a56e8;display:inline-flex;align-items:center;justify-content:center;background:#6366f11f;border-radius:.45rem}.taskdone-shell .platform-primary-btn{background:linear-gradient(90deg,#6b63ff,#5955e8);border-radius:.68rem;box-shadow:0 8px 18px #5c56e847}.taskdone-shell .platform-primary-btn:hover{filter:brightness(1.03)}.taskdone-shell .platform-admin-table th{background:#f3efe6;color:#4a566f}.taskdone-shell .platform-admin-table tbody tr:hover{background:#f8f6f1}.ai-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9999;width:3.6rem;height:3.6rem;border-radius:50%;border:none;background:linear-gradient(135deg,#6c63ff,#5a56e8,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #6c63ff73,0 2px 8px #0000001f;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:ai-fab-pulse 3s ease-in-out infinite}.ai-chat-fab:hover{transform:scale(1.1);box-shadow:0 12px 40px #6c63ff8c,0 4px 12px #00000026}.ai-chat-fab--open{animation:none;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444466}.ai-chat-fab--open:hover{box-shadow:0 12px 36px #ef444480}@keyframes ai-fab-pulse{0%,to{box-shadow:0 8px 30px #6c63ff73,0 0 #6c63ff4d}50%{box-shadow:0 8px 30px #6c63ff73,0 0 0 10px #6c63ff00}}.ai-chat-window{position:fixed;bottom:5.8rem;right:1.5rem;z-index:9998;width:380px;max-width:calc(100vw - 2rem);height:520px;max-height:calc(100vh - 8rem);border-radius:1.2rem;background:#fffffff0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 25px 60px #1f26872e,0 8px 20px #00000014;display:flex;flex-direction:column;overflow:hidden;animation:ai-chat-slide-up .35s cubic-bezier(.34,1.56,.64,1)}@keyframes ai-chat-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chat-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;flex-shrink:0}.ai-chat-header-left{display:flex;align-items:center;gap:.65rem}.ai-chat-sparkle{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-chat-header-left strong{display:block;font-size:.92rem;letter-spacing:.02em}.ai-chat-status{display:block;font-size:.68rem;color:#86efac;font-weight:600;letter-spacing:.05em}.ai-chat-header-actions{display:flex;gap:.5rem}.ai-chat-clear-btn{border:none;background:#ffffff1f;color:#94a3b8;width:1.8rem;height:1.8rem;border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ai-chat-clear-btn:hover{background:#ffffff38;color:#fff}.ai-chat-key-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;gap:.3rem}.ai-chat-key-icon{font-size:2.5rem;margin-bottom:.5rem}.ai-chat-key-prompt p{margin:0;color:#475569;font-size:.88rem}.ai-chat-key-desc{font-size:.78rem!important;color:#94a3b8!important}.ai-chat-key-desc a{color:#6c63ff;text-decoration:underline}.ai-chat-key-input-row{display:flex;gap:.5rem;margin-top:.75rem;width:100%}.ai-chat-key-input{flex:1;border:1px solid #d7dce5;border-radius:.7rem;padding:.6rem .75rem;font-size:.85rem;outline:none;background:#fff}.ai-chat-key-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1f}.ai-chat-key-save{border:none;border-radius:.7rem;background:linear-gradient(90deg,#6c63ff,#5a56e8);color:#fff;padding:.6rem 1rem;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap}.ai-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ai-chat-messages::-webkit-scrollbar{width:4px}.ai-chat-messages::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:999px}.ai-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.2rem;padding-top:1.5rem}.ai-chat-empty-icon{font-size:2.2rem;margin-bottom:.4rem}.ai-chat-empty p{margin:0;color:#64748b;font-size:.85rem}.ai-chat-suggestions{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem;width:100%;padding:0 .5rem}.ai-chat-suggestion-btn{border:1px solid #e0e4ef;background:#f8f9ff;color:#3730a3;border-radius:.65rem;padding:.55rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}.ai-chat-suggestion-btn:hover{background:#eef2ff;border-color:#c7d2fe}.ai-chat-msg{display:flex;gap:.5rem;align-items:flex-start;max-width:95%;animation:ai-msg-fade .25s ease-out}@keyframes ai-msg-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-chat-msg--user{align-self:flex-end;flex-direction:row-reverse}.ai-chat-msg--assistant{align-self:flex-start}.ai-chat-msg-avatar{width:1.6rem;height:1.6rem;border-radius:50%;background:linear-gradient(135deg,#6c63ff,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;margin-top:2px}.ai-chat-msg-content{padding:.6rem .85rem;border-radius:1rem;font-size:.84rem;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ai-chat-msg--user .ai-chat-msg-content{background:linear-gradient(135deg,#6c63ff,#5a56e8);color:#fff;border-bottom-right-radius:.3rem}.ai-chat-msg--assistant .ai-chat-msg-content{background:#f1f5f9;color:#1e293b;border-bottom-left-radius:.3rem}.ai-chat-typing{display:inline-block;animation:ai-typing-blink 1.2s ease-in-out infinite;letter-spacing:2px;color:#94a3b8}@keyframes ai-typing-blink{0%,to{opacity:.3}50%{opacity:1}}.ai-chat-input-area{display:flex;align-items:flex-end;gap:.5rem;padding:.65rem .75rem;border-top:1px solid #e8ebf4;background:#fffffff5;flex-shrink:0}.ai-chat-input{flex:1;resize:none;border:1px solid #dfe3ee;border-radius:.75rem;padding:.6rem .75rem;font-size:.85rem;font-family:inherit;outline:none;min-height:2.4rem;max-height:5rem;background:#fafbff;color:#1e293b;line-height:1.4}.ai-chat-input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.ai-chat-input::placeholder{color:#94a3b8}.ai-chat-send-btn{width:2.4rem;height:2.4rem;border-radius:50%;border:none;background:linear-gradient(135deg,#6c63ff,#5a56e8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s,opacity .2s}.ai-chat-send-btn:hover:not(:disabled){transform:scale(1.08)}.ai-chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.ai-chat-chart-wrap{margin-top:.6rem;border-radius:.9rem;padding:.7rem;background:radial-gradient(130% 100% at 0% 100%,rgba(236,72,153,.18),transparent 50%),radial-gradient(120% 100% at 100% 100%,rgba(34,211,238,.16),transparent 45%),linear-gradient(180deg,#0f172a,#111827);border:1px solid rgba(255,255,255,.12)}.ai-chat-chart-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ai-chat-chart-card{border-radius:.65rem;padding:.45rem;background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.12)}.ai-chat-chart-bars{height:74px;display:flex;align-items:flex-end}.ai-chat-chart-bar-bg{height:100%;width:100%;border-radius:.45rem;background:#ffffff0f;display:flex;align-items:flex-end;overflow:hidden}.ai-chat-chart-bar-fill{width:100%;border-radius:.45rem;box-shadow:0 0 16px #fff3}.ai-chat-chart-label{margin-top:.32rem;font-size:.67rem;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-chart-value{font-size:.68rem;color:#dbeafe;font-weight:700}.ai-chat-pie-row{margin-top:.6rem;display:flex;align-items:center;gap:.6rem}.ai-chat-pie{width:52px;height:52px;border-radius:999px;position:relative;border:1px solid rgba(255,255,255,.25)}.ai-chat-pie:after{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:999px;background:#111827}.ai-chat-pie-legend{display:grid;gap:.2rem;min-width:0}.ai-chat-pie-item{display:flex;align-items:center;gap:.3rem;font-size:.64rem;color:#e5e7eb}.ai-chat-pie-dot{width:.5rem;height:.5rem;border-radius:999px}@media (max-width: 480px){.ai-chat-window{inset:auto .5rem calc(env(safe-area-inset-bottom,0px) + 4.75rem) .5rem;width:auto;max-width:none;height:min(74dvh,calc(100dvh - 6rem));max-height:min(74dvh,calc(100dvh - 6rem));border-radius:1rem}.ai-chat-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);right:1rem}.ai-chat-header{padding:.75rem .85rem}.ai-chat-messages{padding:.75rem;gap:.65rem}.ai-chat-msg{max-width:100%}.ai-chat-msg-content{max-width:calc(100vw - 5.25rem);font-size:.82rem}.ai-chat-msg--user .ai-chat-msg-content{max-width:calc(100vw - 3.5rem)}.ai-chat-input-area{padding:.55rem}.ai-chat-input{font-size:16px}.ai-chat-chart-cards{grid-template-columns:1fr}}@media (max-width: 380px){.ai-chat-window{left:.35rem;right:.35rem}.ai-chat-msg-avatar{width:1.35rem;height:1.35rem}}:root{--taskeasy-primary: #6c63ff;--taskeasy-primary-dark: #4f46e5;--taskeasy-primary-deep: #312e81;--taskeasy-primary-soft: #eef0ff;--taskeasy-primary-line: #d9ddfb;--taskeasy-accent: #22d3ee;--taskeasy-ink: #1f2437;--taskeasy-sidebar: #171b2f;--taskeasy-sidebar-deep: #101426}body{background:#f5f6ff}.form-input:focus,.input-field:focus,.ai-chat-input:focus,.ai-chat-key-input:focus{border-color:var(--taskeasy-primary);box-shadow:0 0 0 4px #6c63ff1f}.input-field:focus~.input-label{color:var(--taskeasy-primary)}.platform-sidebar,.left-nav,.taskdone-shell .platform-sidebar{background:linear-gradient(180deg,var(--taskeasy-sidebar) 0%,var(--taskeasy-sidebar-deep) 100%)}.taskdone-brand-logo,.taskdone-shell .taskdone-brand-logo,.taskdone-user-meta strong,.taskdone-shell .section-title-icon,.taskdone-summary-grid .blue,.taskdone-shell #app-admin-view .platform-stat-box span,.ai-chat-key-desc a{color:var(--taskeasy-primary)}.taskdone-shell{background:radial-gradient(1200px 520px at 28% -18%,#eef0ff,#f7f8ff 45%,#f2f5ff)}.nav-link.active,.taskdone-nav-link.active,.taskdone-shell .taskdone-nav-link.active,.login-mode-btn.active,.login-button,.taskdone-shell .platform-primary-btn,.platform-primary-btn,button,.ai-chat-fab,.ai-chat-key-save,.ai-chat-send-btn,.ai-chat-msg--user .ai-chat-msg-content{background:linear-gradient(135deg,var(--taskeasy-primary) 0%,var(--taskeasy-primary-dark) 100%);border-color:var(--taskeasy-primary-dark);color:#fff}.nav-link:hover,.taskdone-nav-link:hover,.taskdone-shell .taskdone-nav-link:hover{background:#6c63ff24;border-color:#6c63ff2e}.taskdone-nav-link.active,.taskdone-shell .taskdone-nav-link.active{box-shadow:0 10px 22px #6c63ff52}.taskdone-mode-toggle button.active,.taskdone-table-head span,.ai-chat-suggestion-btn:hover{background:var(--taskeasy-primary-soft);border-color:var(--taskeasy-primary-line);color:var(--taskeasy-primary-deep)}.taskdone-header-title,.taskdone-shell .platform-titlebar h3,.taskdone-table-head h3,.login-title{color:var(--taskeasy-ink)}.taskdone-header,.taskdone-shell .taskdone-header,.taskdone-filter-card,.taskdone-table-card,.taskdone-summary-card,.taskdone-shell .taskdone-dashboard-content .content-wrapper,.taskdone-shell .taskdone-table-card,.taskdone-shell .taskdone-summary-card,.ai-chat-window{border-color:#6c63ff24;box-shadow:0 8px 24px #312e8114}.taskdone-select,.taskdone-date-field,.taskdone-clear-btn,.taskdone-apply-btn,.taskdone-period-tabs button,.taskdone-header-icon,.taskdone-shell .taskdone-header-icon,.ai-chat-suggestion-btn,.ai-chat-input,.ai-chat-key-input{border-color:#dfe3ff}.taskdone-period-tabs button.active{background:var(--taskeasy-ink);color:#fff}.taskdone-shell .platform-admin-table th,.taskdone-table th{background:#f0f2ff;color:#4a4f73}.taskdone-shell .platform-admin-table tbody tr:hover,.taskdone-table tbody tr:hover{background:#f8f8ff}.taskdone-avatar{background:var(--taskeasy-primary-soft);color:var(--taskeasy-primary)}.ai-chat-header{background:linear-gradient(160deg,var(--taskeasy-primary-dark),var(--taskeasy-primary),var(--taskeasy-accent))}.login-branding{background:#fff}.freeform-hero{position:relative;height:100vh;display:none;overflow:hidden;background:linear-gradient(135deg,#fef7ff,#fdf4ff,#faf5ff,#f0f9ff,#fff7ed,#fef7ff)}@media (min-width: 768px){.freeform-hero{display:block}}.freeform-canvas{position:relative;width:100%;height:100%;overflow:hidden}.freeform-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none}.freeform-orb-pink{width:350px;height:350px;background:radial-gradient(circle,rgba(255,107,157,.5) 0%,transparent 70%);top:-120px;right:-80px;animation:float-pink 12s ease-in-out infinite}.freeform-orb-blue{width:300px;height:300px;background:radial-gradient(circle,rgba(34,211,238,.45) 0%,transparent 70%);bottom:-80px;left:-60px;animation:float-blue 14s ease-in-out infinite}.freeform-orb-yellow{width:200px;height:200px;background:radial-gradient(circle,rgba(251,191,36,.45) 0%,transparent 70%);top:50%;right:-40px;animation:float-yellow 16s ease-in-out infinite}.freeform-orb-green{width:180px;height:180px;background:radial-gradient(circle,rgba(52,211,153,.45) 0%,transparent 70%);top:-40px;left:10%;animation:float-green 13s ease-in-out infinite}.freeform-orb-purple{width:250px;height:250px;background:radial-gradient(circle,rgba(124,58,237,.4) 0%,transparent 70%);bottom:-60px;right:20%;animation:float-purple 15s ease-in-out infinite}@keyframes float-pink{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-15px,20px) scale(1.05)}66%{transform:translate(20px,-15px) scale(.95)}}@keyframes float-blue{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.08)}66%{transform:translate(-25px,15px) scale(.92)}}@keyframes float-yellow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,20px) scale(1.1)}}@keyframes float-green{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-30px) scale(1.08)}}@keyframes float-purple{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.05)}66%{transform:translate(25px,15px) scale(.95)}}.freeform-doodle{position:absolute;pointer-events:none}.freeform-doodle-1{width:100px;height:90px;top:15%;right:15%;animation:doodle-float 8s ease-in-out infinite;opacity:.6}.freeform-doodle-2{width:80px;height:80px;bottom:25%;left:10%;animation:doodle-float 10s ease-in-out infinite reverse;opacity:.5}.freeform-doodle-3{width:60px;height:60px;top:50%;right:8%;animation:doodle-float 9s ease-in-out infinite;animation-delay:-3s;opacity:.4}@keyframes doodle-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(4deg)}}.freeform-palette{position:absolute;top:20px;left:20px;display:flex;gap:8px;z-index:5}.palette-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 8px #0000001f;animation:palette-bounce 2s ease-in-out infinite}.palette-dot:nth-child(1){animation-delay:0s}.palette-dot:nth-child(2){animation-delay:.2s}.palette-dot:nth-child(3){animation-delay:.4s}.palette-dot:nth-child(4){animation-delay:.6s}.palette-pink{background:#ff6b9d}.palette-purple{background:#7c3aed}.palette-blue{background:#22d3ee}.palette-yellow{background:#fbbf24}@keyframes palette-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}.freeform-sticky{position:absolute;padding:10px 14px;border-radius:8px;box-shadow:0 4px 12px #00000014;transform:rotate(var(--rotate, 0deg));animation:sticky-float 6s ease-in-out infinite;z-index:5}.freeform-sticky-yellow{background:linear-gradient(135deg,#fef9c3,#fef08a);top:20%;left:10%;--rotate: -6deg}.freeform-sticky-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8);top:25%;right:12%;--rotate: 5deg}.freeform-sticky-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);bottom:22%;left:12%;--rotate: 4deg}.freeform-sticky-blue{background:linear-gradient(135deg,#e0f2fe,#bae6fd);bottom:28%;right:10%;--rotate: -5deg}.sticky-text{font-size:.78rem;font-weight:600;color:#374151;white-space:nowrap}@keyframes sticky-float{0%,to{transform:rotate(var(--rotate, 0deg)) translateY(0)}50%{transform:rotate(var(--rotate, 0deg)) translateY(-6px)}}.freeform-wow-tag{position:absolute;top:12%;left:20%;padding:6px 14px;background:#ffffffe6;border-radius:999px;box-shadow:0 4px 12px #7c3aed26;animation:wow-bounce 6s ease-in-out infinite;z-index:6}.freeform-wow-tag span{font-size:.72rem;font-weight:700;background:linear-gradient(135deg,#7c3aed,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}@keyframes wow-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.freeform-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:10;overflow:visible;padding:0 20px}.freeform-logo-wrap{opacity:0;animation:fade-in-down .6s ease-out forwards}.freeform-logo-img{width:110px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.freeform-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffffeb;border:1.5px solid rgba(124,58,237,.2);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #7c3aed1a;opacity:0;animation:fade-in-down .6s ease-out .2s forwards}.badge-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px #34d39940;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 4px #34d39940}50%{box-shadow:0 0 0 8px #34d3991a}}.badge-text{font-size:.62rem;font-weight:800;letter-spacing:.18em;color:#7c3aed;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.freeform-title{margin:0;font-family:Caveat,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:0}.title-task{display:inline-block;font-size:clamp(4rem,12vw,6rem);font-family:Caveat,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2d2d3a;font-weight:700;letter-spacing:.02em;position:relative;opacity:0;animation:handwriting-task 1.2s cubic-bezier(.4,0,.2,1) forwards;text-shadow:1px 1px 2px rgba(45,45,58,.1)}.title-easy{display:inline-block;font-size:clamp(4rem,12vw,6rem);font-family:Caveat,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ff6b9d;font-weight:700;font-style:italic;letter-spacing:.02em;position:relative;opacity:0;animation:handwriting-easy 1.2s cubic-bezier(.4,0,.2,1) 1s forwards;text-shadow:2px 2px 4px rgba(255,107,157,.25)}@keyframes handwriting-task{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(4px)}20%{opacity:.5;filter:blur(2px)}40%{opacity:.8;transform:translateY(-5px) scale(1.02);filter:blur(1px)}60%{transform:translateY(2px) scale(.99);filter:blur(.5px)}80%{transform:translateY(-1px) scale(1.005);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes handwriting-easy{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(4px)}20%{opacity:.5;filter:blur(2px)}40%{opacity:.8;transform:translateY(-5px) scale(1.02);filter:blur(1px)}60%{transform:translateY(2px) scale(.99);filter:blur(.5px)}80%{transform:translateY(-1px) scale(1.005);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.title-task{animation:handwriting-task 1.2s cubic-bezier(.4,0,.2,1) forwards,float-subtle 4s ease-in-out 2.5s infinite}.title-easy{animation:handwriting-easy 1.2s cubic-bezier(.4,0,.2,1) 1s forwards,float-subtle 4s ease-in-out 3.5s infinite}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.title-task:before,.title-easy:before{content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 40%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 60%,transparent 100%);animation:pencil-shine 2s ease-in-out forwards;pointer-events:none}@keyframes pencil-shine{0%{transform:translate(-100%) skew(-20deg);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(200%) skew(-20deg);opacity:0}}.freeform-tagline{margin:0;max-width:400px;opacity:0;animation:fade-in-up .6s ease-out .5s forwards}.freeform-tagline.typewriter{animation:none;opacity:1}.tagline-text{display:inline-block;font-size:1rem;line-height:1.6;color:#6b7280;font-weight:400;text-align:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;max-width:480px}.freeform-features{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;opacity:0;animation:fade-in-down .6s ease-out 1s forwards}.feature-tag{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:#fffffffa;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:.85rem;font-weight:500;color:#1f2937;box-shadow:none;transition:background .2s ease,border-color .2s ease;cursor:default;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.feature-tag:hover{background:#fff;border-color:#0000001f}.feature-tag svg{width:16px;height:16px;flex-shrink:0}.tag-pink{color:#ff6b9d}.tag-pink svg{color:#ff6b9d}.tag-purple{color:#7c3aed}.tag-purple svg{color:#7c3aed}.tag-blue{color:#22d3ee}.tag-blue svg{color:#22d3ee}.freeform-trust{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;background:#fffffffa;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:none;opacity:0;animation:fade-in-down .6s ease-out 1.2s forwards;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.trust-chip{display:flex;align-items:center;gap:6px}.trust-chip svg{width:16px;height:16px;color:#7c3aed}.trust-chip span{font-size:.8rem;font-weight:500;color:#374151;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.freeform-orb,.freeform-doodle,.palette-dot,.freeform-sticky,.badge-dot,.feature-tag,.freeform-wow-tag{animation:none}.freeform-logo-wrap,.freeform-badge,.freeform-features,.freeform-trust,.title-task.typewriter .title-char,.title-easy.typewriter .title-char{animation:none;opacity:1}.tagline-text{animation:none;white-space:normal;border:none}}.login-button{background:linear-gradient(135deg,#111827 0%,#312e81 54%,var(--taskeasy-primary-dark) 100%)}.login-button,.taskdone-shell .platform-primary-btn,.ai-chat-fab{box-shadow:0 8px 22px #6c63ff52}@media (min-width: 768px){.login-mobile-logo{display:none}}.ai-chat-sparkle,.ai-chat-msg-avatar{background:linear-gradient(135deg,#fff,#dfe3ff);color:var(--taskeasy-primary-dark)}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--taskeasy-primary-line)}.taskdone-filter-shell{display:block;gap:.7rem;position:relative}.taskdone-filter-trigger{display:none}.taskdone-filter-trigger:hover{transform:translateY(-1px);filter:none;box-shadow:0 12px 28px #6c63ff2e}.taskdone-filter-shell.open .taskdone-filter-trigger{background:linear-gradient(135deg,var(--taskeasy-primary) 0%,var(--taskeasy-primary-dark) 100%);color:#fff;box-shadow:0 12px 28px #6c63ff47}.taskdone-filter-trigger-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center}.taskdone-filter-trigger-icon svg{width:100%;height:100%}.taskdone-filter-trigger strong{min-width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--taskeasy-primary-soft);color:var(--taskeasy-primary-deep);font-size:.72rem;line-height:1}.taskdone-filter-shell.open .taskdone-filter-trigger strong{background:#fff3;color:#fff}.taskdone-filter-panel{width:100%;max-height:none;opacity:1;overflow:visible;pointer-events:auto;transform:none}.taskdone-filter-shell.open .taskdone-filter-panel{max-height:none;opacity:1;pointer-events:auto;transform:none}.taskdone-filter-panel .taskdone-filter-card{margin:0}@media (max-width: 900px){.taskdone-filter-shell{display:block}.taskdone-filter-trigger{display:none}.taskdone-filter-shell.open .taskdone-filter-panel{max-height:none}}.login-page-new{min-height:100vh;display:flex;width:100%;background:#fff}.login-brand-panel{flex:1;background:linear-gradient(135deg,#fef7ff,#fdf4ff,#faf5ff,#f0f9ff,#fff7ed,#fef7ff);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.freeform-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.freeform-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform,opacity}.freeform-orb-pink{width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,157,.6) 0%,transparent 70%);top:-150px;right:-100px;animation:float-pink 15s ease-in-out infinite}.freeform-orb-blue{width:350px;height:350px;background:radial-gradient(circle,rgba(34,211,238,.5) 0%,transparent 70%);bottom:-100px;left:-80px;animation:float-blue 17s ease-in-out infinite}.freeform-orb-yellow{width:250px;height:250px;background:radial-gradient(circle,rgba(251,191,36,.5) 0%,transparent 70%);top:40%;right:-60px;animation:float-yellow 19s ease-in-out infinite}.freeform-orb-green{width:220px;height:220px;background:radial-gradient(circle,rgba(52,211,153,.5) 0%,transparent 70%);top:-50px;left:15%;animation:float-green 16s ease-in-out infinite}.freeform-orb-purple{width:300px;height:300px;background:radial-gradient(circle,rgba(124,58,237,.45) 0%,transparent 70%);bottom:-70px;right:20%;animation:float-purple 18s ease-in-out infinite}@keyframes float-pink{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(-20px,25px) scale(1.08) rotate(5deg)}50%{transform:translate(15px,-20px) scale(.95) rotate(-3deg)}75%{transform:translate(25px,10px) scale(1.05) rotate(4deg)}}@keyframes float-blue{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(30px,-25px) scale(1.1) rotate(-5deg)}66%{transform:translate(-30px,20px) scale(.92) rotate(3deg)}}@keyframes float-yellow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-35px,25px) scale(1.12) rotate(6deg)}}@keyframes float-green{0%,to{transform:translate(0) scale(1)}50%{transform:translate(25px,-35px) scale(1.1) rotate(-4deg)}}@keyframes float-purple{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,-25px) scale(1.07) rotate(5deg)}66%{transform:translate(30px,20px) scale(.95) rotate(-3deg)}}.freeform-sticky{position:absolute;padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px #0000001a;transform:rotate(var(--rotate, 0deg));animation:sticky-float 8s ease-in-out infinite;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.freeform-sticky-yellow{background:linear-gradient(135deg,#fef9c3f2,#fef08ae6);top:12%;left:8%;--rotate: -8deg;animation-delay:0s}.freeform-sticky-pink{background:linear-gradient(135deg,#fce7f3f2,#fbcfe8e6);top:30%;right:8%;--rotate: 6deg;animation-delay:-2s}.freeform-sticky-green{background:linear-gradient(135deg,#d1fae5f2,#a7f3d0e6);bottom:12%;left:8%;--rotate: 5deg;animation-delay:-4s}.freeform-sticky-blue{background:linear-gradient(135deg,#e0f2fef2,#bae6fde6);bottom:30%;right:8%;--rotate: -6deg;animation-delay:-6s}.freeform-sticky-fms{background:linear-gradient(135deg,#eef2fffa,#c7d2fef2);top:45%;left:5%;--rotate: -4deg;animation-delay:-1s;padding:14px 20px}.sticky-text{font-size:.85rem;font-weight:600;color:#374151;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}@keyframes sticky-float{0%,to{transform:rotate(var(--rotate, 0deg)) translateY(0) scale(1)}50%{transform:rotate(var(--rotate, 0deg)) translateY(-10px) scale(1.02)}}.login-brand-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.login-brand-header{position:absolute;top:2rem;left:50%;transform:translate(-50%)}.login-brand-logo-large{width:140px;height:auto}.login-center-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.login-corner-links{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;z-index:100;background:#fffffff2;padding:.5rem 1.5rem;border-radius:999px;box-shadow:0 2px 12px #00000014;border:1px solid rgba(0,0,0,.06);pointer-events:auto}.corner-link{background:none;border:none;color:#6b7280;font-size:.8rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:color .2s ease,background .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap}.corner-link:hover{color:#7c63ff;background:#7c63ff14}.corner-separator{color:#d1d5db;font-size:.8rem}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modal-fade-in .2s ease-out}.login-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow:hidden;position:relative;animation:modal-slide-up .3s cubic-bezier(.34,1.56,.64,1)}.login-modal-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease;z-index:1}.login-modal-close:hover{background:#e5e7eb;color:#374151}.login-modal-content{padding:2rem}.login-modal-content h2{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#1f2937}.login-modal-body{color:#6b7280;font-size:.95rem;line-height:1.6;max-height:min(500px,calc(100vh - 10rem));overflow-y:auto;padding-right:.625rem}.login-modal-body h3{margin:1.25rem 0 .5rem;color:#1f2937;font-size:1rem;font-weight:700}.login-modal-body p{margin:0 0 .875rem}.login-modal-body ul{margin:0 0 .875rem 1.25rem;padding:0}.login-modal-body a{color:#6b4ce6;font-weight:600;text-decoration:none}.login-modal-body a:hover{text-decoration:underline}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-form-panel-new{width:480px;min-width:420px;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;box-shadow:-20px 0 60px #0f172a14}.login-form-container{width:100%;max-width:340px}.login-heading{font-size:1.8rem;font-weight:700;color:#1f1f2e;margin:0 0 1.5rem;letter-spacing:-.01em}.login-tabs{display:flex;gap:.5rem;margin-bottom:1.75rem;background:#f9fafb;padding:.35rem;border-radius:12px}.login-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.95rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.login-tab:hover{color:#374151}.login-tab.active{background:#fff;color:#1f1f2e;box-shadow:0 2px 8px #00000014}.login-form{display:flex;flex-direction:column;gap:1rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:20px;height:20px;color:#9ca3af;display:flex;align-items:center;justify-content:center;pointer-events:none}.input-icon svg{width:100%;height:100%}.login-input{width:100%;height:52px;padding:0 1rem 0 3rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.95rem;color:#1f1f2e;background:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input::placeholder{color:#9ca3af}.login-input:focus{border-color:#7c63ff;box-shadow:0 0 0 3px #7c63ff1a}.login-submit-btn{width:100%;height:52px;margin-top:.5rem;border:none;border-radius:12px;background:linear-gradient(135deg,#7c63ff,#6b4ce6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 14px #7c63ff59}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c63ff73}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-error-msg{margin:.75rem 0 0;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;text-align:center}.login-footer{margin-top:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.login-footer p{margin:0;color:#9ca3af;font-size:.75rem}.login-footer-logo{width:120px;height:auto;opacity:.8;transition:opacity .2s ease}.login-footer-logo:hover{opacity:1}@media (max-width: 900px){.login-page-new{flex-direction:column}.login-brand-panel{min-height:45vh;padding:2rem}.login-form-panel-new{width:100%;min-width:unset;padding:2rem;box-shadow:none;position:relative}.login-corner-links{position:relative;bottom:auto;left:auto;transform:none;margin-top:1.5rem;justify-content:center}}@media (max-width: 768px){.login-brand-panel{min-height:40vh;padding:1.5rem}.login-form-panel-new{padding:1.5rem}.login-corner-links{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;padding:.85rem 1rem;border-top:1px solid #e5e7eb;box-shadow:0 -4px 16px #00000014;justify-content:center;border-radius:0;z-index:100}.corner-link{font-size:.72rem}}@media (max-width: 480px){.login-brand-panel{min-height:35vh;padding:1rem}.login-form-panel-new{padding:1.25rem}.login-form-container{max-width:100%}.login-heading{font-size:1.5rem;margin-bottom:1rem}.login-corner-links{padding:.75rem .85rem;gap:.5rem}.corner-link{font-size:.68rem;padding:.2rem .35rem}}