@font-face{font-family:Dinotype;src:url(/font/Dinotype-Demo.ttf) format("truetype")}@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--bg-color: #f2f2f7;--panel-bg: #ffffff;--panel-border: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .05);--primary: #4f86c6;--primary-hover: #3d72b2;--primary-light: #4f86c61f;--primary-h2: #4f86c659;--primary-h3: #4f86c6a6;--secondary: #34c759;--secondary-hover: #28a745;--danger: #ff3b30;--danger-hover: #e02d22;--warning: #ff9500;--info: #af52de;--text-primary: #000000;--text-secondary: #3c3c43;--text-muted: #8e8e93;--input-bg: rgba(120, 120, 128, .08);--input-focus-border: var(--primary);--slider-track: rgba(120, 120, 128, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .06);--shadow-primary: 0 0 10px rgba(0, 122, 255, .15);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-color: #000000;--panel-bg: #1c1c1e;--panel-border: rgba(255, 255, 255, .06);--glass-bg: rgba(28, 28, 30, .8);--glass-border: rgba(255, 255, 255, .06);--primary: #6fa2d9;--primary-hover: #5a8ec6;--primary-light: #6fa2d92e;--primary-h2: #6fa2d959;--primary-h3: #6fa2d9a6;--secondary: #30d158;--secondary-hover: #24b348;--danger: #ff453a;--danger-hover: #e0352c;--warning: #ff9f0a;--info: #bf5af2;--text-primary: #ffffff;--text-secondary: #eaeaea;--text-muted: #8e8e93;--input-bg: rgba(120, 120, 128, .22);--input-focus-border: var(--primary);--slider-track: rgba(255, 255, 255, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-primary: 0 0 10px rgba(10, 132, 255, .25)}.theme-blue{--primary: #4f86c6;--primary-hover: #3d72b2;--primary-light: #4f86c61f;--primary-h2: #4f86c659;--primary-h3: #4f86c6a6;--shadow-primary: 0 0 10px #4f86c626}.theme-green{--primary: #58a374;--primary-hover: #468f61;--primary-light: #58a3741f;--primary-h2: #58a37459;--primary-h3: #58a374a6;--shadow-primary: 0 0 10px #58a37426}.theme-brown{--primary: #a68069;--primary-hover: #936d57;--primary-light: #a680691f;--primary-h2: #a6806959;--primary-h3: #a68069a6;--shadow-primary: 0 0 10px #a6806926}.theme-orange{--primary: #dd8c43;--primary-hover: #ca7931;--primary-light: #dd8c431f;--primary-h2: #dd8c4359;--primary-h3: #dd8c43a6;--shadow-primary: 0 0 10px #dd8c4326}.theme-purple{--primary: #947bc9;--primary-hover: #8167b6;--primary-light: #947bc91f;--primary-h2: #947bc959;--primary-h3: #947bc9a6;--shadow-primary: 0 0 10px #947bc926}.theme-pink{--primary: #d66882;--primary-hover: #c3556f;--primary-light: #d668821f;--primary-h2: #d6688259;--primary-h3: #d66882a6;--shadow-primary: 0 0 10px #d6688226}.theme-red{--primary: #c75450;--primary-hover: #b4423e;--primary-light: #c754501f;--primary-h2: #c7545059;--primary-h3: #c75450a6;--shadow-primary: 0 0 10px #c7545026}.dark-theme.theme-blue{--primary: #6fa2d9;--primary-hover: #5a8ec6;--primary-light: #6fa2d92e;--primary-h2: #6fa2d959;--primary-h3: #6fa2d9a6;--shadow-primary: 0 0 10px #6fa2d93d}.dark-theme.theme-green{--primary: #7ebd96;--primary-hover: #6ca983;--primary-light: #7ebd962e;--primary-h2: #7ebd9659;--primary-h3: #7ebd96a6;--shadow-primary: 0 0 10px #7ebd963d}.dark-theme.theme-brown{--primary: #c29f8c;--primary-hover: #b08d7a;--primary-light: #c29f8c2e;--primary-h2: #c29f8c59;--primary-h3: #c29f8ca6;--shadow-primary: 0 0 10px #c29f8c3d}.dark-theme.theme-orange{--primary: #efa86c;--primary-hover: #dc9559;--primary-light: #efa86c2e;--primary-h2: #efa86c59;--primary-h3: #efa86ca6;--shadow-primary: 0 0 10px #efa86c3d}.dark-theme.theme-purple{--primary: #af98db;--primary-hover: #9c84c8;--primary-light: #af98db2e;--primary-h2: #af98db59;--primary-h3: #af98dba6;--shadow-primary: 0 0 10px #af98db3d}.dark-theme.theme-pink{--primary: #e5889e;--primary-hover: #d2758b;--primary-light: #e5889e2e;--primary-h2: #e5889e59;--primary-h3: #e5889ea6;--shadow-primary: 0 0 10px #e5889e3d}.dark-theme.theme-red{--primary: #db7370;--primary-hover: #c8605d;--primary-light: #db73702e;--primary-h2: #db737059;--primary-h3: #db7370a6;--shadow-primary: 0 0 10px #db73703d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.4;transition:background-color .3s ease,color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .35s cubic-bezier(.25,1,.5,1) forwards}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition),background-color .3s ease,border-color .3s ease}.glass-panel:hover{box-shadow:var(--shadow-md)}.glass-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);transition:var(--transition),background-color .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:#6366f126}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.015em;color:var(--text-primary);transition:color .3s ease}input,textarea,select{width:100%;padding:10px 14px;background-color:#ffffff73;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;transition:var(--transition),background-color .3s ease,border-color .3s ease,color .3s ease;outline:none;box-shadow:0 4px 20px #00000005}.dark-theme input,.dark-theme textarea,.dark-theme select{background-color:#ffffff0f;border-color:#ffffff14;box-shadow:0 4px 20px #00000040}input:hover,textarea:hover,select:hover{background-color:#ffffffa6;border-color:#00000026}.dark-theme input:hover,.dark-theme textarea:hover,.dark-theme select:hover{background-color:#ffffff1a;border-color:#ffffff26}input:focus,textarea:focus,select:focus{background-color:#ffffffd9;border-color:var(--primary);box-shadow:var(--shadow-primary),0 4px 20px #0000000d}.dark-theme input:focus,.dark-theme textarea:focus,.dark-theme select:focus{background-color:#1c1c1ef2;border-color:var(--primary);box-shadow:var(--shadow-primary),0 4px 20px #00000059}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233c3c43' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:38px!important}.dark-theme select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}select option{background-color:var(--panel-bg);color:var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%233c3c43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:opacity .2s;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.dark-theme input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}label{display:block;font-size:.8rem;font-weight:500;margin-bottom:4px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:20px;font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);border:none;outline:none;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-secondary{background:#7878801f;color:var(--primary)}.btn-secondary:hover{background:#78788033;transform:scale(1.02)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);transform:scale(1.02)}.btn-success{background:var(--secondary);color:#fff}.btn-success:hover{background:var(--secondary-hover);transform:scale(1.02)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78788059;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#78788080}.text-success{color:var(--secondary)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-secondary{color:var(--text-secondary)}.badge{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.badge-pending{background:#ff95001f;color:var(--warning)}.badge-progress{background:#5856d61f;color:var(--info)}.badge-completed{background:#34c7591f;color:var(--secondary)}.ios-select-wrapper{position:relative;width:100%}.ios-select-trigger{width:100%;padding:10px 14px;background-color:#ffffff73;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;transition:var(--transition);box-shadow:0 4px 12px #00000005}.dark-theme .ios-select-trigger{background-color:#ffffff0f;border-color:#ffffff14;box-shadow:0 4px 12px #0003}.ios-select-trigger:hover{background-color:#ffffffa6}.dark-theme .ios-select-trigger:hover{background-color:#ffffff1a}.ios-select-arrow{width:8px;height:8px;border-left:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(-45deg);margin-top:-3px;margin-right:4px;transition:transform .25s ease}.dark-theme .ios-select-arrow{border-left-color:var(--text-primary);border-bottom-color:var(--text-primary)}.ios-select-options{position:absolute;top:calc(100% + 6px);left:0;width:100%;max-height:220px;overflow-y:auto;z-index:1500;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.ios-select-option{padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:background-color .2s;-webkit-user-select:none;user-select:none}.ios-select-option:hover{background-color:#78788014;color:var(--text-primary)}.dark-theme .ios-select-option:hover{background-color:#ffffff14}.ios-select-option.selected{background-color:#007aff1f;color:var(--primary);font-weight:600}.dark-theme .ios-select-option.selected{background-color:#0a84ff2e}.table-select-trigger{padding:5px 10px;font-size:.8rem;border-radius:6px;gap:8px}.table-options{min-width:150px;width:auto;right:0;left:auto}.ios-calendar-wrapper{position:relative;width:100%}.ios-calendar-trigger{width:100%;padding:10px 14px;background-color:#ffffff73;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;transition:var(--transition);box-shadow:0 4px 12px #00000005}.dark-theme .ios-calendar-trigger{background-color:#ffffff0f;border-color:#ffffff14;box-shadow:0 4px 12px #0003}.ios-calendar-trigger:hover{background-color:#ffffffa6}.dark-theme .ios-calendar-trigger:hover{background-color:#ffffff1a}.ios-calendar-picker{position:absolute;top:calc(100% + 6px);left:0;width:300px;z-index:1500;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.calendar-header-nav{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.calendar-nav-btn{background:#7878801f;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--text-primary);transition:var(--transition)}.calendar-nav-btn:hover{background:#78788033}.calendar-month-title{font-size:.95rem;font-weight:600;text-transform:capitalize;color:var(--text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted)}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{background:none;border:none;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-primary);transition:var(--transition)}.calendar-day:hover{background:#78788026}.calendar-day.other-month{color:var(--text-muted);opacity:.4}.calendar-day.selected{background:var(--primary)!important;color:#fff!important;font-weight:700}.table-badge{display:inline-flex;justify-content:center;align-items:center;width:75px;height:24px;box-sizing:border-box}.calendar-day.within-range{background:var(--primary-light)!important;color:var(--primary)!important;border-radius:0!important}.calendar-day.range-start{border-top-left-radius:var(--radius-sm)!important;border-bottom-left-radius:var(--radius-sm)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.calendar-day.range-end{border-top-right-radius:var(--radius-sm)!important;border-bottom-right-radius:var(--radius-sm)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.ios-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;margin:12px 0;cursor:pointer;padding:0;border:none;background:var(--slider-track);transition:opacity .2s}.ios-range-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;border-radius:3px;background:transparent}.ios-range-slider::-moz-range-track{width:100%;height:6px;cursor:pointer;border-radius:3px;background:transparent}.ios-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.04);box-shadow:0 3px 8px #00000026,0 1px 1px #0000000f;cursor:pointer;margin-top:-9px;transition:transform .1s ease,box-shadow .1s ease}.ios-range-slider::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 4px 12px #00000038,0 2px 2px #0000001a}.ios-range-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.04);box-shadow:0 3px 8px #00000026,0 1px 1px #0000000f;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.ios-range-slider::-moz-range-thumb:active{transform:scale(1.15)}.open-up{top:auto!important;bottom:calc(100% + 6px)!important;box-shadow:0 -10px 24px #00000026!important}