@font-face{font-family:ODVazir;src:url('./fonts/regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:ODVazir;src:url('./fonts/medium.woff2') format('woff2');font-weight:500 600;font-display:swap}@font-face{font-family:ODVazir;src:url('./fonts/bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--od-paper:#f7f8f5;--od-ink:#182b29;--od-muted:#65716d;--od-accent:#176d58;--od-tint:#e4eee7;--od-line:#dfe5df;--od-radius:22px}
body.od-ui{font-family:ODVazir,Tahoma,sans-serif!important;font-size:15px;line-height:1.8;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body.od-ui *,body.od-ui *:before,body.od-ui *:after{box-sizing:border-box}
body.od-ui button,body.od-ui input,body.od-ui select,body.od-ui textarea{font:inherit}
body.od-ui :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #54a58f;outline-offset:4px}
body.od-ui :is(button,a,input,select,textarea){touch-action:manipulation}
body.od-ui :is(input,select,textarea){max-width:100%;min-width:0}
body.od-ui :is(img,video,svg){max-width:100%}
body.od-ui pre{overflow:auto;max-width:100%}
body.od-ui [hidden]{display:none!important}
body.od-ui dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
body.od-ui dialog::backdrop{background:#14282285;backdrop-filter:blur(5px)}
body.od-ui .od-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.od-skip{position:fixed;top:-100px;inset-inline-start:16px;z-index:9999;background:#fff;color:#172b27;padding:12px;border-radius:9px}.od-skip:focus{top:12px}
body.od-public{margin:0;background:var(--od-paper);color:var(--od-ink);min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
body.od-public a{text-decoration:none;color:inherit}
.od-header{width:min(1320px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 40px}
.od-wordmark{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:24px;letter-spacing:-1px;line-height:1.3}
.od-emblem{display:grid;place-items:center;background:var(--od-accent);color:#fff;width:37px;height:37px;border-radius:12px;font-size:27px}.od-brand-dot{color:var(--od-accent)}
.od-desktop-nav,.od-header-actions{display:flex;align-items:center;gap:28px;font-size:13px}.od-header-actions{gap:20px}.od-desktop-nav a:hover,.od-footer a:hover{color:var(--od-accent)}
.od-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--od-line);background:#fff;border-radius:12px;padding:11px 19px;min-height:46px;font-size:14px;font-weight:500;cursor:pointer;color:var(--od-ink);transition:background .15s,transform .15s;line-height:1.5;text-align:center;text-decoration:none}
.od-button:hover{background:#eef2ed}.od-button:active{transform:translateY(1px)}.od-button.od-primary{background:var(--od-accent);color:#fff;border-color:var(--od-accent)}.od-button.od-primary:hover{background:#10533f}.od-button:disabled{opacity:.65;cursor:wait}
.od-mobile-nav{display:none;position:relative}.od-mobile-nav summary{list-style:none;cursor:pointer;font-size:23px;padding:5px 9px}.od-mobile-nav summary::-webkit-details-marker{display:none}.od-mobile-nav nav{position:absolute;z-index:100;top:45px;inset-inline-end:0;min-width:210px;padding:10px;border:1px solid var(--od-line);border-radius:16px;background:white;box-shadow:0 12px 40px #143c2f18;display:grid;gap:3px}.od-mobile-nav a{padding:10px 12px;border-radius:8px}.od-mobile-nav a:hover{background:var(--od-tint)}
.od-footer{margin-top:auto;width:min(1320px,100%);align-self:center;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 40px;border-top:1px solid var(--od-line);color:var(--od-muted);font-size:12px}.od-footer .od-wordmark{font-size:18px;color:var(--od-ink)}.od-footer .od-emblem{width:28px;height:28px;font-size:20px;border-radius:9px}.od-footer nav{display:flex;gap:24px}
.od-auth-layout{width:min(1240px,100%);margin:14px auto 50px;display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:0 40px;align-items:stretch}
.od-auth-form{padding:42px 20px;max-width:430px;width:100%;justify-self:center;align-self:center}.od-eyebrow{font-size:12px;color:var(--od-accent);font-weight:500;display:flex;align-items:center;gap:8px;letter-spacing:0}.od-small-dot{width:6px;height:6px;border-radius:50%;background:var(--od-accent)}
.od-auth-form h1{font-size:clamp(30px,3.3vw,43px);line-height:1.65;letter-spacing:-1.6px;font-weight:700;margin:16px 0 10px}.od-auth-description{font-size:13px;color:var(--od-muted);margin:0 0 27px;line-height:1.9}
.od-auth-fields{display:grid;gap:19px}.od-field{display:grid;gap:8px}.od-field label{font-size:13px;font-weight:500}.od-field input{width:100%;min-height:54px;border:1px solid #cdd6cf;border-radius:12px;background:#fff;padding:12px 15px;color:var(--od-ink);font-size:16px;outline-offset:3px;transition:border-color .15s}.od-field input::placeholder{color:#929d98;font-size:13px}.od-field input[dir=ltr]{text-align:left;letter-spacing:.4px}.od-field input:focus{border-color:var(--od-accent)}.od-field input[readonly]{background:#ecf0e9;color:#65726b}.od-field small{font-size:11px;color:var(--od-muted)}.od-label-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.od-label-row a,.od-otp-meta a{font-size:11px;color:var(--od-accent)}
.od-field input.od-otp{text-align:center;font-size:25px;letter-spacing:12px;padding-inline:24px 12px;min-height:66px;font-variant-numeric:tabular-nums}.od-field input.od-otp::placeholder{font-size:17px;letter-spacing:3px}.od-otp-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:11px;color:var(--od-muted)}
.od-auth-submit{width:100%;justify-content:space-between;padding-inline:20px;margin-top:5px;min-height:54px}.od-auth-switch{text-align:center;font-size:13px;margin-top:27px;color:var(--od-muted)}.od-auth-switch a{font-weight:600;color:var(--od-accent);margin-inline-start:5px}.od-auth-terms{text-align:center;font-size:10px;margin-top:23px;color:#77857b}.od-auth-terms a{text-decoration:underline;text-underline-offset:3px}.od-submit-status{font-size:12px;color:var(--od-accent);margin:0}.od-alert{font-size:12px;padding:12px 14px;border:1px solid #cbdccd;border-radius:11px;background:#eaf2e9;color:#28583b;margin-bottom:18px}.od-alert-error{background:#fff0eb;border-color:#f0c9bc;color:#9b3720}.od-alert-warning{background:#fff5dd;border-color:#ebd6a6;color:#77520b}
.od-auth-story{background:#e4ece1;border:1px solid #d8e3d4;border-radius:30px;position:relative;overflow:hidden;padding:34px 34px 26px;min-height:590px;display:flex;flex-direction:column}.od-auth-story:after{content:'';width:420px;height:420px;position:absolute;left:-240px;top:60px;border:1px solid #b8cbb48a;border-radius:50%;pointer-events:none;box-shadow:0 0 0 40px #bed0b52b,0 0 0 80px #bed0b51a}.od-story-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.od-pill{font-size:10px;display:inline-flex;padding:7px 12px;border:1px solid #c6d5c0;border-radius:99px;color:#52664e;background:#edf3e9b3}.od-story-symbol{font-size:27px;color:var(--od-accent)}.od-story-title{font-size:clamp(32px,3.2vw,47px);letter-spacing:-1.8px;line-height:1.65;margin-top:30px;position:relative;z-index:1}.od-story-title em{font-style:normal;color:var(--od-accent)}.od-auth-story>p{font-size:12px;color:#60715a;line-height:2;margin-top:12px}.od-story-preview{background:#ffffffb8;border:1px solid #fff;border-radius:20px;padding:20px;margin:26px 0 27px;box-shadow:0 18px 35px #3851330c;transform:rotate(-2deg);position:relative;z-index:1}.od-preview-top{display:flex;gap:9px;align-items:center;font-size:11px}.od-preview-top>span:first-child{font-size:20px;color:var(--od-accent)}.od-preview-status{margin-inline-start:auto;font-size:8px;padding:3px 7px;border-radius:20px;background:#e4eee1;color:#4b7043}.od-preview-prompt{background:#e7eee4;margin:18px 18px 16px 0;padding:12px;border-radius:12px;font-size:10px;max-width:85%}.od-preview-answer{display:flex;gap:10px;padding:0 5px;font-size:10px}.od-preview-answer>span{color:var(--od-accent);font-size:18px}.od-preview-answer div{flex:1}.od-preview-answer i{display:block;height:4px;background:#d9e2d4;border-radius:5px;margin-top:10px;width:100%}.od-preview-answer i:nth-last-child(2){width:90%}.od-preview-answer i:last-child{width:60%}.od-preview-chips{display:flex;gap:7px;font-size:8px;margin-top:22px}.od-preview-chips span{border:1px solid #dce4d7;border-radius:7px;padding:4px 7px;background:#fff9}.od-story-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#708065;margin-top:auto}.od-story-bottom b{font-weight:500;color:#344d2d}.od-story-bottom>span:last-child{font-size:30px}
.od-home{width:min(1240px,100%);padding:0 40px;margin:auto}.od-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding:70px 0 90px}.od-hero h1{font-size:clamp(35px,4.5vw,62px);line-height:1.6;letter-spacing:-2.5px;margin:18px 0}.od-hero h1 em{font-style:normal;color:var(--od-accent)}.od-hero p{font-size:14px;line-height:2.2;color:var(--od-muted);max-width:460px}.od-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.od-hero-board{background:#e4ece1;border-radius:30px;padding:32px;position:relative}.od-board-label{font-size:11px;color:#526b4a;display:flex;justify-content:space-between}.od-board-title{font-size:28px;margin:27px 0 18px;line-height:1.8;letter-spacing:-1px}.od-board-composer{background:#fff;border:1px solid #cedcc7;border-radius:17px;padding:17px;font-size:12px;color:#778774}.od-board-composer div{display:flex;justify-content:space-between;margin-top:26px;font-size:20px;color:var(--od-accent)}.od-board-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.od-board-features a{background:#f6faf3b3;padding:15px;border-radius:14px;font-size:12px;display:flex;justify-content:space-between;border:1px solid #ffffff9c}.od-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:0 0 25px}.od-section-head h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.od-section-head p{color:var(--od-muted);font-size:13px;max-width:350px}.od-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:75px}.od-feature{padding:27px;border:1px solid var(--od-line);border-radius:22px;background:#fff;display:flex;flex-direction:column;gap:10px;min-height:230px}.od-feature-icon{width:42px;height:42px;background:var(--od-tint);color:var(--od-accent);display:grid;place-items:center;border-radius:12px;font-size:22px}.od-feature h3{font-size:18px;margin:12px 0 0}.od-feature p{font-size:12px;color:var(--od-muted);margin:0;line-height:2}.od-feature>a{font-size:12px;color:var(--od-accent);margin-top:auto;padding-top:10px}.od-banner{background:#1d3b30;border-radius:26px;color:#f7faf5;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:65px}.od-banner h2{font-size:26px;margin:0 0 8px;letter-spacing:-.8px}.od-banner p{font-size:12px;color:#b7cabd;margin:0}.od-banner .od-button{flex-shrink:0;background:#dcebb5;border:0;color:#233e27}
.od-document{width:min(920px,100%);padding:45px 30px 80px;margin:0 auto}.od-document>h1{font-size:clamp(29px,4vw,44px);letter-spacing:-1.5px;margin:15px 0 12px}.od-document>p{font-size:13px;color:var(--od-muted)}.od-legal{margin-top:35px;background:#fff;border:1px solid var(--od-line);border-radius:25px;padding:35px;line-height:2.2}.od-legal h2{font-size:19px;margin:25px 0 13px}.od-legal section+section{border-top:1px solid var(--od-line);margin-top:30px;padding-top:7px}.od-legal p,.od-legal li{font-size:14px;color:#58665c}.od-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.od-contact-card{background:#fff;border:1px solid var(--od-line);padding:28px;border-radius:22px}.od-contact-card h2{font-size:20px;margin:15px 0 12px}.od-contact-card p{font-size:13px;color:var(--od-muted);line-height:2}.od-contact-card a{display:inline-flex;padding:8px 0;color:var(--od-accent);overflow-wrap:anywhere;font-size:16px;font-weight:500}.od-contact-card.wide{grid-column:1/-1;background:var(--od-tint)}
/* Existing application screens keep their original components and event hooks. */
body.od-screen{--brand:#63b69a;--brand-2:#398f77;--primary:#419f83;--bg:#101719;--panel:#182124;--surface:#151f22;--surface-2:#1c292c;--surface-3:#253639;--line:#2b393d;--text:#edf4f0;--muted:#9bacaa;background:#101719;color:#edf4f0}
body.od-screen :is(button,.button,.btn,.back,select){border-radius:11px}
body.od-screen input:not([type=checkbox]):not([type=radio]):not([type=file]),body.od-screen select,body.od-screen textarea:not(#user-input):not(#prompt){font-size:16px;line-height:1.8}
body.od-screen :is(.card,.setting){border-radius:20px;border-color:#30403e;background:#182426;box-shadow:none}
body.od-screen :is(.btn.primary,.primary:not(.badge)){background:#247b63;color:white}
body.od-account{background:#101719!important;padding:38px 22px!important}.od-account .shell{max-width:1100px}.od-account .top{margin-bottom:32px;gap:20px;flex-wrap:wrap}.od-account .avatar{background:#286c58;box-shadow:none}.od-account .card{padding:24px}.od-account .grid{gap:17px}.od-account .metric strong{font-size:25px}.od-account :is(.info,.btn,.payments){font-size:13px}.od-account .metric small{font-size:12px}.od-account .sub{font-size:13px}.od-account .section-title h2{font-size:17px}.od-account .status{font-size:12px}.od-account .progress span{background:#6cb393}.od-account .payments{min-width:520px}
body.od-chat .sidebar{background:#121d20;border-color:#2c3939}.od-chat .topbar{background:#101719e8;backdrop-filter:blur(16px)}.od-chat :is(.brand-mark,.assistant-avatar,.welcome-logo){background:#286e59;box-shadow:none}.od-chat .new-chat{background:#286e59;box-shadow:none;min-height:46px}.od-chat .side-link{min-height:44px}.od-chat .composer-card{background:#1a2629;border-color:#3a4b49;border-radius:23px}.od-chat .composer-wrap{background:linear-gradient(transparent,#101719 24%)}.od-chat .send-button{background:#b3d5b1;color:#143425;min-width:42px;min-height:42px}.od-chat .welcome h1{font-size:clamp(25px,3vw,39px);letter-spacing:-1px;line-height:1.8}.od-chat .suggestion{border-color:#33433f;background:#192426;border-radius:16px;min-height:88px}.od-chat .suggestion:hover{border-color:#69b597}.od-chat .model-popover{background:#192628;border-color:#3e524d;max-height:70dvh;overflow:auto}.od-chat .message.user .bubble,.od-chat .message.user .message-content{background:#265b4b}.od-chat #site-image-model{background:#243732!important;border-color:#50645b!important;min-height:42px}.od-chat .composer-footer{gap:10px;flex-wrap:wrap}.od-chat .composer-tools{flex-wrap:wrap}.od-chat .mode-button{min-height:40px}
body.od-memory main,body.od-image-access main{max-width:1120px;padding:35px 24px;margin:auto}.od-memory header,.od-image-access header{align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:28px}.od-memory h1,.od-image-access h1{font-size:32px;letter-spacing:-1px}.od-memory .muted{font-size:13px;line-height:2}.od-memory .card{padding:25px}.od-memory button,.od-image-access button{min-height:44px;padding:10px 16px}.od-memory :is(input:not([type=checkbox]),textarea),.od-image-access :is(input,select){border:1px solid #4b6058;border-radius:11px;background:#111c1d;padding:12px;color:var(--text)}
body.od-control .layout{grid-template-columns:250px minmax(0,1fr)}.od-control .side{background:#121e20;border-color:#30403c;padding:25px 15px}.od-control .brand{font-family:ODVazir,Tahoma,sans-serif}.od-control .nav a{font-size:13px;min-height:45px}.od-control .nav a.active{background:#244b3e;color:#d5eadb}.od-control main{padding:32px;min-width:0}.od-control .top{gap:18px;flex-wrap:wrap}.od-control .top h1{font-size:28px;letter-spacing:-1px}.od-control label{font-size:13px}.od-control .card{padding:22px}.od-control :is(.field,select,textarea){background:#111c1d;border-color:#3b4d46;color:#edf4f0;min-height:43px}.od-control .btn{min-height:42px}.od-control .form-grid{gap:17px}.od-control table{font-size:13px}.od-control th{font-size:12px}.od-control .scroll{border-radius:12px}.od-control .row-form{flex-wrap:wrap;gap:10px}.od-control .row-form>*{min-width:0}
body.od-work{--green:#93c8b1;background:#101719;color:#edf4f0}.od-work #sidebar{background:#131f21;border-color:#30403b}.od-work .work-layout>main{background:#101719;min-width:0}.od-work header{background:#101719;border-color:#30403b}.od-work :is(.composer,.suggestions button,.file-card){background:#1a282a;border-color:#394a46}.od-work .send,.od-work .primary{background:#a8d2b5!important;color:#183c29!important}.od-work .welcome h1{font-size:clamp(25px,3vw,36px);line-height:1.8;letter-spacing:-1px}.od-work .star{color:#8ec4a6}.od-work .subtle{min-height:40px}.od-work .composer-controls{flex-wrap:wrap}.od-work .composer-note{font-size:11px;line-height:1.9}.od-work :is(.panel-head,.artifact-panel){background:#162224}.od-work dialog{background:#1b292a;border-color:#476054}.od-work dialog label{color:#bdccc2}.od-work #send{width:43px;height:43px}
body.od-work-admin{background:#101719!important;overflow:auto}.od-work-admin .admin-wrap{max-width:1200px;padding:32px 24px}.od-work-admin .note{background:#1e302b;color:#c0d3c7;border:1px solid #354e41;font-size:13px}.od-work-admin .admin-footer{background:#172523eF;backdrop-filter:blur(14px);border-color:#42574c;flex-wrap:wrap;border-radius:14px}.od-work-admin .admin-footer button{min-height:44px;padding:10px 17px}.od-work-admin h1{font-size:29px}.od-work-admin .setting input{font-size:16px}.od-work-admin table{font-size:13px;min-width:620px}
body.od-hamdam{font-family:ODVazir,Tahoma,sans-serif!important;background:#f8f8f2;--ink:#30392f;--muted:#71816d;--purple:#6a8661;--purple-dark:#4f7047;--line:#e0e6d9;--lavender:#f0f3e9}.od-hamdam .tools{background:#edf1e5;border-color:#dce3d2}.od-hamdam .brand-symbol{background:#55764c}.od-hamdam .shell{max-width:1700px}.od-hamdam .welcome h1{letter-spacing:-1px}.od-hamdam .chat-header{background:#f8f8f2}.od-hamdam dialog{border:1px solid #d5dfcb;border-radius:24px}.od-hamdam .bubble{border-radius:21px}.od-hamdam .bubble.user{background:#e4ecda}.od-hamdam .composer{border-color:#d1ddc7;box-shadow:0 6px 22px #273c1f08}.od-hamdam button.primary{background:#55764c}.od-hamdam .admin-page{width:min(900px,100%);padding:38px 24px;margin:auto}.od-hamdam .admin-page>div{background:#fff;border:1px solid #dce5d5;border-radius:24px;padding:30px}.od-hamdam .admin-page h1{font-size:30px}.od-hamdam .admin-page :is(input:not([type=checkbox]),select){min-height:46px;font-size:16px}.od-hamdam .admin-page p{font-size:13px;line-height:2}.od-hamdam .admin-page h2{margin-top:35px}.od-hamdam .admin-page form>button{min-height:48px}
body.od-legacy-admin{background:#f3f6f0!important;color:#24392d!important}.od-legacy-admin .navbar{background:#183b2d;padding:18px 25px;flex-wrap:wrap;gap:14px}.od-legacy-admin .container{width:min(1100px,calc(100% - 32px));margin:32px auto;padding:28px;border:1px solid #dce5d7;border-radius:22px;box-shadow:none}.od-legacy-admin .page-header{gap:18px;flex-wrap:wrap}.od-legacy-admin .btn{padding:11px 16px;border-radius:11px;min-height:44px}.od-legacy-admin :is(input,select,textarea){font-size:16px;max-width:100%}.od-legacy-admin table{min-width:650px}.od-history .head{position:relative;background:#192a28;border-color:#3e5549;border-radius:18px}.od-history .msg{overflow-wrap:anywhere}.od-history .user{background:#28644e}.od-history .assistant{background:#1a2b28;border-color:#3e5549}
body.od-tools{background:#101719!important;color:#edf4ef!important;padding-top:24px!important;--od-tools-muted:#b3c4ba}.od-tools :is(h1,h2){letter-spacing:-.8px;line-height:1.8}.od-tools>div[class*='max-w-']{width:min(1150px,calc(100% - 32px));margin-inline:auto}.od-tools :is([class*='bg-gray-800'],[class*='bg-zinc-900'],[class*='bg-gray-700']){background-color:#1a2929!important;border-color:#354b41!important;border-radius:18px}.od-tools :is([class*='text-gray-400'],[class*='text-gray-500'],[class*='text-zinc-400']){color:#aec0b5!important}.od-tools :is(input:not([type=file]),textarea,select){font-size:16px!important;border-radius:12px;line-height:1.9}.od-tools :is(button,[role=button]){min-height:44px}.od-tools #submit-btn{background:#27765a!important;background-image:none!important}.od-tools :is([class*='bg-gradient-to-']){background-image:none!important;background-color:#27765a}.od-tools [class*='bg-clip-text']{color:#99ccae!important;background:none!important}.od-tools .rounded-3xl{border-radius:24px}.od-tools nav{gap:12px}.od-tools .grid{gap:18px}
body.od-learning{background:#f3f6f0!important;color:#25382e!important}.od-learning :is(header,[class*='bg-white']){border-radius:18px;border-color:#dce6d5;box-shadow:none!important}.od-learning header{border-radius:0;border-bottom:1px solid #dce6d5}.od-learning :is([class*='text-blue-'],[class*='text-indigo-']){color:#267255!important}.od-learning :is([class*='bg-blue-600'],[class*='bg-blue-500']){background:#267255!important}.od-learning :is(button,input,textarea,select){font-size:16px;min-height:44px}.od-learning main{width:min(1080px,100%);min-width:0}.od-learning [class*='prose']{overflow-wrap:anywhere}.od-learning footer{flex-wrap:wrap;gap:12px}
@media(min-width:1001px){.od-control .side{overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:1000px){.od-header{padding:22px 26px}.od-desktop-nav{gap:20px}.od-auth-layout{gap:30px;padding-inline:24px}.od-auth-story{padding:26px;min-height:560px}.od-auth-form{padding-inline:10px}.od-control .layout{display:block}.od-control .side{position:relative;width:100%;height:auto;padding:16px 20px;border-left:0;border-bottom:1px solid #30403b}.od-control .side .brand{padding:0 0 10px;font-size:19px}.od-control .nav{display:flex;overflow-x:auto;gap:6px;padding:3px 0 8px;scrollbar-width:thin}.od-control .nav a{white-space:nowrap;margin:0;flex-shrink:0;padding:10px 14px}.od-control main{padding:25px 20px}.od-control .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-control .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.od-ui{font-size:14px}body.od-ui input:not([type=checkbox]):not([type=radio]),body.od-ui select,body.od-ui textarea{font-size:16px!important}.od-header{padding:20px;gap:12px}.od-wordmark{font-size:21px}.od-emblem{width:32px;height:32px;font-size:24px}.od-desktop-nav{display:none}.od-mobile-nav{display:block}.od-header-actions{gap:8px}.od-header-actions .od-button{font-size:12px;min-height:42px;padding:9px 12px;gap:8px}.od-login-link{font-size:12px;padding:8px}.od-auth-layout{grid-template-columns:1fr;padding:0 22px;margin:5px auto 35px;gap:0}.od-auth-form{padding:25px 0 30px;max-width:430px}.od-auth-form h1{font-size:36px;line-height:1.6}.od-auth-story{display:none}.od-auth-description{font-size:13px}.od-auth-fields{gap:18px}.od-footer{padding:23px 20px;flex-wrap:wrap;gap:17px}.od-footer>span{display:none}.od-footer nav{gap:16px;font-size:10px}.od-home{padding:0 22px}.od-hero{grid-template-columns:1fr;padding:34px 0 55px;gap:35px}.od-hero h1{font-size:42px;letter-spacing:-1.6px}.od-hero p{font-size:13px}.od-hero-board{padding:25px;border-radius:23px}.od-hero-actions .od-button{font-size:13px;padding:13px 16px}.od-section-head{display:block}.od-section-head h2{font-size:26px}.od-feature-grid{grid-template-columns:1fr;margin-bottom:35px;gap:13px}.od-feature{min-height:190px;padding:24px}.od-banner{padding:26px;display:block;margin-bottom:35px}.od-banner h2{font-size:24px}.od-banner .od-button{margin-top:22px}.od-document{padding:25px 20px 45px}.od-legal{padding:22px;border-radius:19px}.od-legal p,.od-legal li{font-size:13px}.od-contact-grid{grid-template-columns:1fr}.od-contact-card.wide{grid-column:auto}.od-contact-card{padding:24px}.od-account .profile{flex-wrap:wrap;gap:12px}.od-account .status{display:inline-flex}.od-account .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.od-account .card{padding:19px}.od-account .metric strong{font-size:20px}.od-account .span2{grid-column:1/-1}.od-account .section-title{gap:12px;flex-wrap:wrap}.od-chat .topbar{gap:8px;padding-inline:12px}.od-chat .assistant-name small{font-size:10px}.od-chat .topbar-side{gap:7px;min-width:0}.od-chat #model-button{max-width:160px;min-width:0}.od-chat .top-pill{font-size:12px;min-height:42px}.od-chat .model-full-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:115px}.od-chat .account-shortcut{display:none}.od-chat .composer-tools{gap:4px}.od-chat .composer-hint{font-size:9px;line-height:1.8}.od-chat .welcome{padding-inline:5px}.od-chat .suggestions{grid-template-columns:1fr 1fr;gap:9px}.od-chat .suggestion{font-size:12px;padding:13px}.od-chat .suggestion small{font-size:10px}.od-chat #site-image-model-wrap label{font-size:12px}.od-memory .grid{grid-template-columns:1fr}.od-memory main,.od-image-access main{padding:23px 16px}.od-memory .card{padding:20px}.od-image-access .row{flex-wrap:wrap}.od-image-access .user{padding:18px}.od-control .top h1{font-size:23px}.od-control .form-grid{grid-template-columns:1fr}.od-control .card{padding:17px}.od-control .btn{font-size:12px}.od-control label{font-size:12px}.od-work .header-actions{min-width:0}.od-work header{height:auto;min-height:70px;gap:6px;flex-wrap:wrap}.od-work header select{max-width:135px;font-size:12px!important}.od-work .header-actions button{font-size:11px}.od-work .composer-wrap{padding-inline:10px}.od-work .composer-note{flex-wrap:wrap}.od-work .dialog-actions{flex-wrap:wrap}.od-work .dialog-actions button{min-height:42px}.od-hamdam .admin-page{padding:20px 14px}.od-hamdam .admin-page>div{padding:22px 18px}.od-hamdam .top-actions{gap:5px;flex-wrap:wrap}.od-tools .grid{grid-template-columns:minmax(0,1fr)!important}.od-tools [class*='col-span']{grid-column:auto!important}.od-tools .text-4xl{font-size:26px}.od-tools .text-3xl{font-size:24px}.od-tools nav{flex-wrap:wrap}.od-tools .p-8{padding:20px}.od-legacy-admin .container{padding:20px;margin-top:20px}.od-legacy-admin .navbar{padding:16px}.od-learning :is(.p-8,.p-10){padding:20px}.od-learning [class*='flex'][class*='justify-between']{gap:12px;flex-wrap:wrap}.od-learning .text-3xl{font-size:25px}.od-learning .text-2xl{font-size:21px}}
@media(max-width:360px){.od-header{padding:16px 13px}.od-header-actions .od-button span{display:none}.od-auth-layout{padding:0 18px}.od-auth-form h1{font-size:32px}.od-account .grid{grid-template-columns:1fr}.od-control .grid{grid-template-columns:1fr}.od-chat #model-button{max-width:134px}.od-chat .model-full-name{max-width:95px}.od-chat .suggestions{grid-template-columns:1fr}.od-footer{padding-inline:15px}.od-footer nav{gap:9px}.od-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){body.od-ui *,body.od-ui *:before,body.od-ui *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.od-header-actions>.od-button{white-space:nowrap}@media(max-width:760px){.od-login-link{display:none}.od-header-actions .od-button>span{display:none}}

.od-account .grid>*{min-width:0}.od-account .table-wrap{max-width:100%}
.od-work-close,.od-work-shade{display:none}@media(max-width:780px){.od-work-close{display:grid;place-items:center;position:absolute;left:10px;top:12px;width:40px;height:40px;background:#233b31;color:#edf4ef;border:1px solid #4a6357;border-radius:10px;font-size:24px}.od-work #sidebar>.brand{padding-inline-end:32px}.od-work-shade{display:block;position:fixed;inset:0;z-index:9;background:#07151090;border:0;backdrop-filter:blur(3px)}}
.od-chat .mode-switch{flex-wrap:wrap}.od-chat .mode-button span.label{display:inline;font-size:11px}.od-chat .tool-button .label{font-size:11px}.od-chat .mode-button.active{background:#244b3e;color:#c4e4d2}
@media(max-width:360px){.od-account .grid{grid-template-columns:minmax(0,1fr)}}

.od-account .profile h1,.od-control .model .ltr,.od-work #project-title,.od-memory .card h2{overflow-wrap:anywhere}.od-work header>div:not(.header-actions){min-width:0;flex:1}
.od-generated-admin{text-align:right}.od-generated-admin .navbar.bg-dark{background:#183b2d!important}.od-generated-admin .container-fluid{width:100%;min-width:0;padding:24px}.od-generated-admin .btn-primary{background:#176d58;border-color:#176d58}.od-generated-admin .form-control{min-height:46px;border-radius:10px}.od-generated-admin .nav-tabs{gap:8px;flex-wrap:wrap}.od-generated-admin .nav-tabs a{padding:12px}.od-generated-admin .form-inline{gap:9px;flex-wrap:wrap}.od-generated-admin .navbar-nav{padding-inline-start:0}.od-generated-admin .od-table-scroll{width:100%}.od-generated-admin td{overflow-wrap:anywhere}.od-generated-admin .pagination{flex-wrap:wrap}.od-generated-admin input[type=checkbox]{min-height:0}.od-generated-admin .form-horizontal .controls{min-width:0}.od-generated-admin .form-horizontal .control-group{max-width:100%}

.od-auth-terms{color:#5f7065}.od-field input::placeholder{color:#5c7165}.od-hamdam{--muted:#5f705b}

.od-generated-admin :is(.submit-row,.form-actions){display:flex;flex-wrap:wrap;gap:9px;align-items:center}.od-generated-admin :is(.submit-row,.form-actions) .btn{margin:0;max-width:100%}
body.od-generated-admin{padding-inline:0!important}.od-generated-admin .admin-form .control-label{float:none;width:auto;text-align:right;margin:0 0 8px}.od-generated-admin .admin-form .controls{margin:0;display:flex;flex-wrap:wrap;gap:10px;max-width:100%}.od-generated-admin .admin-form .control-group{margin-bottom:23px}.od-generated-admin .admin-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),.od-generated-admin .admin-form select,.od-generated-admin .admin-form textarea{box-sizing:border-box;width:100%;min-height:46px;height:auto;padding:10px 13px;border:1px solid #cdd6cf;background:white;border-radius:11px}.od-generated-admin .navbar-inner{background:#183b2d;background-image:none;border:0;box-shadow:none;color:white;border-radius:12px;width:100%;min-width:0;padding:0}.od-generated-admin .navbar-inner .brand{color:white;text-shadow:none;float:none;margin:0;font-size:18px;line-height:1.8}.od-generated-admin .navbar-inner .nav{float:none;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.od-generated-admin .navbar-inner .nav>li>a{color:#d9e8df;text-shadow:none}.od-generated-admin .navbar-inner .nav>.active>a{background:#2c5846;color:white;box-shadow:none;text-shadow:none}
.od-tools .animate-fade-in{opacity:1!important;transform:none!important;animation:none!important}.od-tools .inactive-card>div[class*='backdrop-blur']{backdrop-filter:none!important;background:transparent!important;pointer-events:none}.od-tools .inactive-card [class*='opacity-']{opacity:.8}.od-tools #cards-container>.inactive-card,.od-tools #cards-container>.spotlight-card{min-height:240px;height:auto}