*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:Inter,-apple-system,system-ui,sans-serif;background:#050505;color:#e1e1e1;line-height:1.5;font-size:13px}a{color:#ea7203;text-decoration:none;transition:all .1s ease;cursor:pointer}a:hover{color:#ff8c1a}[x-cloak]{display:none!important}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f0f0f;border-right:1px solid #222222;padding:24px 16px;height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1),left .3s ease;overflow:hidden}@media(max-width:768px){.sidebar{left:-240px;width:240px!important}}@media(max-width:768px){.sidebar--mobile-open{left:0!important}}@media(max-width:768px){.mobile-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:990}}.sidebar--collapsed,.sidebar-is-collapsed .sidebar{width:70px;padding:24px 8px}@media(max-width:768px){.sidebar--collapsed,.sidebar-is-collapsed .sidebar{width:240px}}.sidebar--collapsed .brand-logo,.sidebar--collapsed .nav-link span,.sidebar--collapsed .nav-divider,.sidebar--collapsed .workspace-switcher,.sidebar--collapsed .logged-user span,.sidebar-is-collapsed .sidebar .brand-logo,.sidebar-is-collapsed .sidebar .nav-link span,.sidebar-is-collapsed .sidebar .nav-divider,.sidebar-is-collapsed .sidebar .workspace-switcher,.sidebar-is-collapsed .sidebar .logged-user span{display:none!important}@media(max-width:768px){.sidebar--collapsed .brand-logo,.sidebar--collapsed .nav-link span,.sidebar--collapsed .nav-divider,.sidebar--collapsed .workspace-switcher,.sidebar--collapsed .logged-user span,.sidebar-is-collapsed .sidebar .brand-logo,.sidebar-is-collapsed .sidebar .nav-link span,.sidebar-is-collapsed .sidebar .nav-divider,.sidebar-is-collapsed .sidebar .workspace-switcher,.sidebar-is-collapsed .sidebar .logged-user span{display:inline!important}}.sidebar--collapsed .nav-link,.sidebar-is-collapsed .sidebar .nav-link{justify-content:center;padding:12px 0}.sidebar--collapsed .nav-link i,.sidebar-is-collapsed .sidebar .nav-link i{margin-right:0;font-size:18px}@media(max-width:768px){.sidebar--collapsed .nav-link,.sidebar-is-collapsed .sidebar .nav-link{justify-content:flex-start;padding:12px 16px}.sidebar--collapsed .nav-link i,.sidebar-is-collapsed .sidebar .nav-link i{margin-right:12px;font-size:16px}}.sidebar--collapsed .brand-icon,.sidebar-is-collapsed .sidebar .brand-icon{display:flex!important;justify-content:center;margin-bottom:40px}@media(max-width:768px){.sidebar--collapsed .brand-icon,.sidebar-is-collapsed .sidebar .brand-icon{display:none!important}}.topbar{height:64px;background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #222222;position:fixed;top:0;left:240px;right:0;z-index:90;padding:0 32px;transition:left .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.topbar{left:0!important;padding:0 16px}}.topbar--collapsed,.sidebar-is-collapsed .topbar{left:70px}.main-content{margin-left:240px;margin-top:64px;padding:32px;flex-grow:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.main-content{margin-left:0!important;padding:20px 16px}}.app-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:flex-start}.app-grid--wide{grid-template-columns:1fr 350px}.dashboard-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:flex-start}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr;gap:24px}}.dashboard-grid--overview{grid-template-columns:1fr 350px}@media(max-width:1024px){.dashboard-grid--overview{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.modal-card{background:#0f0f0f;border:1px solid #222;border-radius:12px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}@media(max-width:768px){.modal-card{max-height:95vh;border-radius:8px}}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px}@media(max-width:768px){.mobile-menu-btn{display:block}}@media(max-width:768px){.topbar-search-wrapper{display:none}}@media(max-width:768px){.btn--task-icon-only{padding:8px 12px}.btn--task-icon-only i{margin-right:0}}.card{background:#0f0f0f;border:1px solid #222222;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0003}@media(max-width:768px){.card{padding:16px;margin-bottom:16px}}.card--compact{padding:12px 16px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.table-responsive table{min-width:600px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;border:1px solid #222222;background:#161616;color:#e1e1e1;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease;min-height:36px}@media(max-width:768px){.btn{padding:10px 16px}}.btn:hover{background:#232323}.btn--primary{background:#ea7203;border-color:#ea7203;color:#fff!important}.btn--primary:hover{background:#ff8c1a;border-color:#ff8c1a;color:#fff!important;text-decoration:none}.btn--danger{color:#ff4d4d;border-color:#ff4d4d4d}.btn--danger:hover{background:#ff4d4d1a}.form-input{width:100%;padding:10px 14px;background:#000;border:1px solid #222222;color:#e1e1e1;border-radius:6px;font-size:13px;min-height:44px}.form-input:focus{border-color:#ea7203;outline:none}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;background:#161616;color:#888}.badge--danger{color:#ff4d4d;border:1px solid rgba(255,77,77,.3)}.badge--success{color:#00e676;border:1px solid rgba(0,230,118,.3)}.task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.task-row__main{display:flex;align-items:center;gap:16px;flex-grow:1;min-width:0}.task-row__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;padding:10px 12px;border-radius:6px;color:#888;font-weight:500;font-size:13px;transition:all .2s ease;white-space:nowrap}.nav-link i{margin-right:12px;width:16px;text-align:center;opacity:.7;flex-shrink:0}.nav-link:hover{background:#161616;color:#e1e1e1}.nav-link--active{background:#161616;color:#ea7203;font-weight:600}.nav-link--active i{color:#ea7203;opacity:1}.nav-divider{height:1px;background:#222;margin:16px 12px}.brand-logo{font-size:18px;font-weight:900;margin-bottom:40px;padding:0 12px;color:#fff;letter-spacing:1.5px;text-transform:uppercase}.sidebar-toggle{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid #222222;border-radius:50%;color:#888;cursor:pointer;transition:all .2s ease;z-index:110}.sidebar-toggle:hover{color:#fff;border-color:#ea7203;background:#ea72031a}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#050505;padding:20px}.auth-card{width:100%;max-width:400px;background:#0f0f0f;border:1px solid #222222;border-radius:8px;padding:40px;box-shadow:0 8px 30px #00000080}.auth-card__logo{text-align:center;margin-bottom:32px;font-size:20px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px}.auth-card__title{font-size:18px;font-weight:700;margin-bottom:8px;color:#fff}.auth-card__subtitle{font-size:13px;color:#888;margin-bottom:32px}.auth-form-group{margin-bottom:20px}.auth-form-group label{display:block;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;margin-bottom:8px}.auth-footer{margin-top:24px;text-align:center;font-size:13px;color:#888}.auth-footer a{font-weight:600}.landing-page{background-color:#050505;color:#e1e1e1;font-family:Figtree,sans-serif;min-height:100vh}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.landing-nav__logo{font-size:24px;font-weight:900;color:#fff;letter-spacing:-1px;text-decoration:none}.landing-nav__logo span{color:#ea7203}.landing-nav__links{display:flex;gap:24px;align-items:center}.landing-nav__links a{color:#888;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.landing-nav__links a:hover{color:#fff}.landing-hero{text-align:center;padding:100px 0 80px}.landing-hero h1{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}.landing-hero p{font-size:20px;color:#888;max-width:600px;margin:0 auto 40px;line-height:1.6}.landing-hero__cta{display:flex;justify-content:center;gap:16px}.landing-section{padding:80px 0}.landing-section__title{text-align:center;font-size:32px;font-weight:700;margin-bottom:16px;color:#fff}.landing-section__subtitle{text-align:center;color:#666;margin-bottom:60px;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{background:#0f0f0f;border:1px solid #222;padding:32px;border-radius:12px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:#ea7203}.feature-card__icon{width:48px;height:48px;background:#ea72031a;color:#ea7203;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#fff}.feature-card p{font-size:14px;color:#888;line-height:1.6}.duality-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}@media(max-width:768px){.duality-section{grid-template-columns:1fr}}.persona-card{background:#111;padding:40px;border-radius:16px;border:1px solid #222}.persona-card h3{font-size:24px;margin-bottom:16px;color:#fff}.persona-card ul{list-style:none;padding:0}.persona-card ul li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#aaa;font-size:15px}.persona-card ul li i{color:#ea7203}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.pricing-card{background:#0f0f0f;border:1px solid #222;border-radius:12px;padding:32px;display:flex;flex-direction:column}.pricing-card--popular{border-color:#ea7203;background:#ea720305;position:relative}.pricing-card--popular:after{content:"MOST POPULAR";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#ea7203;color:#fff;padding:4px 12px;font-size:10px;font-weight:800;border-radius:12px}.pricing-card__header{text-align:center;margin-bottom:24px}.pricing-card__price{font-size:32px;font-weight:800;color:#fff;margin-bottom:8px}.pricing-card__price small{font-size:14px;color:#888;font-weight:400}.pricing-card__features{list-style:none;padding:0;margin-bottom:32px;flex-grow:1}.pricing-card__features li{display:flex;gap:12px;margin-bottom:12px;color:#bbb;font-size:14px}.pricing-card__features li i{color:#ea7203}.landing-footer{border-top:1px solid #222;padding:60px 0;margin-top:60px;text-align:center;color:#666;font-size:13px}.kanban-board{display:flex;gap:20px;align-items:flex-start;padding-bottom:20px;min-height:calc(100vh - 300px)}.kanban-column{background:#ffffff05;border:1px solid #222;border-radius:12px;width:300px;flex-shrink:0;display:flex;flex-direction:column;max-height:100%}.kanban-column__header{padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222}.kanban-column__header h3{font-size:14px;font-weight:700;color:#fff;margin:0}.kanban-column__count{background:#111;color:#555;font-size:10px;font-weight:800;padding:2px 8px;border-radius:10px}.kanban-column--add{background:transparent;border-style:dashed;border-color:#333}.kanban-tasks{padding:12px;min-height:100px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.kanban-card{background:#0f0f0f;border:1px solid #222;border-radius:8px;padding:12px;cursor:grab;transition:transform .1s,border-color .2s}.kanban-card:hover{border-color:#ea7203}.kanban-card:active{cursor:grabbing}.kanban-card__title{font-size:13px;font-weight:600;color:#e1e1e1;text-decoration:none;display:block;margin-bottom:12px;line-height:1.4}.kanban-card__title:hover{color:#fff}.kanban-card__footer{display:flex;justify-content:space-between;align-items:center}.kanban-card__meta{display:flex;gap:10px;font-size:10px;color:#555}.kanban-card__meta i{margin-right:4px}.kanban-card__assignees{display:flex;flex-direction:row-reverse}.avatar-mini{width:20px;height:20px;border-radius:50%;background:#222;color:#888;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #0f0f0f;margin-left:-6px}.kanban-add-btn{width:100%;padding:12px;background:transparent;border:none;border-top:1px solid #161616;color:#555;font-size:12px;font-weight:600;cursor:pointer;text-align:left;transition:color .2s}.kanban-add-btn:hover{color:#ea7203}.kanban-column-input{width:100%;padding:16px;background:transparent;border:none;color:#fff;font-size:13px;outline:none}.kanban-column-input::placeholder{color:#444}.sortable-ghost{opacity:.4;border:1px dashed #ea7203!important}@media(max-width:768px){h1{font-size:22px!important;letter-spacing:-.5px!important}h2{font-size:18px!important}h3{font-size:14px!important}.main-content{margin-left:0!important;padding:16px 12px!important;margin-top:64px!important}.sidebar-toggle{display:none!important}.topbar{left:0!important;padding:0 12px!important}.app-grid,.dashboard-grid{display:flex!important;flex-direction:column!important;gap:20px!important}.app-grid>section,.app-grid>main,.app-grid>aside,.dashboard-grid>section,.dashboard-grid>main,.dashboard-grid>aside{width:100%!important}.card{padding:16px!important;margin-left:0!important;margin-right:0!important;border-radius:10px!important;box-shadow:0 2px 8px #0000004d!important;margin-bottom:12px!important}.task-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.task-row__main{width:100%!important}.task-row__main input[type=checkbox]{width:26px!important;height:26px!important;margin-right:8px!important}.task-row__actions{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;border-top:1px solid rgba(255,255,255,.05);padding-top:10px;gap:10px!important}.task-row__actions .btn{flex-grow:1;padding:10px 12px!important}table{display:block!important;width:100%!important}table thead{display:none!important}table tbody,table tr,table td{display:block!important;width:100%!important}table tr{padding:12px 0!important;border-bottom:1px solid #222!important}table td{padding:4px 0!important;border:none!important}.modal-card{height:100%!important;max-height:100vh!important;border-radius:0!important}.form-input{font-size:16px!important;height:48px!important}}