:root{--page:#faf9f6;--sidebar:#f2f1ed;--surface:#fff;--surface2:#f7f6f2;--line:#e7e5df;--text:#292925;--muted:#85847d;--accent:#bd6c48;--accent-soft:#f4e9e2;--shadow:0 12px 40px rgba(36,32,24,.06)}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}button,input,select,textarea{font:inherit}button{cursor:pointer}body.dark{--page:#171715;--sidebar:#1d1d1a;--surface:#22221f;--surface2:#292925;--line:#393832;--text:#efeee8;--muted:#a19f95;--accent:#d58a67;--accent-soft:#3c2c25;--shadow:0 12px 40px rgba(0,0,0,.2)}
.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;flex:0 0 254px;background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 15px 14px}.brand-row{display:flex;align-items:center;gap:10px;padding:0 7px 27px}.brand-symbol{width:31px;height:31px;display:grid;place-items:center;background:var(--text);color:var(--page);border-radius:10px;font-size:17px;font-weight:800}.brand-name{font-size:17px;font-weight:700;letter-spacing:-.7px}.brand-name span{color:var(--accent);font-weight:500;margin-left:3px}.icon-button{border:0;background:transparent;color:var(--muted);border-radius:8px;width:34px;height:34px;font-size:18px}.icon-button:hover{background:var(--surface2);color:var(--text)}.collapse{margin-left:auto}.new-chat{height:42px;border:1px solid var(--line);background:var(--surface);border-radius:9px;color:var(--text);text-align:left;padding:0 12px;font-weight:550;box-shadow:0 1px 2px #00000008}.new-chat span{font-size:18px;color:var(--accent);margin-right:8px}.nav-group{margin-top:30px}.nav-caption{font-size:10px;font-weight:650;letter-spacing:1.2px;color:var(--muted);padding:0 10px 9px}.nav{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:var(--muted);padding:10px;border-radius:8px;text-align:left;margin:2px 0}.nav span{width:17px;text-align:center;font-size:17px}.nav:hover,.nav.active{background:#e8e6e0;color:var(--text)}body.dark .nav:hover,body.dark .nav.active{background:#33332e}.history-area{margin-top:30px;flex:1}.history-placeholder{padding:8px 10px;font-size:12px;color:var(--muted)}.sidebar-bottom{border-top:1px solid var(--line);padding:14px 5px 0;display:flex;align-items:center;gap:10px}.profile-avatar{width:31px;height:31px;border-radius:50%;background:#d9c3b6;color:#513a2f;display:grid;place-items:center;font-weight:700}.profile-copy{flex:1}.profile-copy b,.profile-copy small{display:block}.profile-copy b{font-size:11px}.profile-copy small{font-size:10px;color:var(--muted)}.logout-link{color:var(--muted);text-decoration:none;font-size:17px}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.workspace-label{font-size:12px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.model-picker{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);padding:5px 9px;border-radius:9px}.model-dot{width:7px;height:7px;border-radius:50%;background:#6b9d7a}.model-picker select{border:0;outline:0;background:transparent;color:var(--text);max-width:230px;font-size:11px}.chevron{color:var(--muted)}.mobile-brand{display:none}.chat-view{width:min(820px,calc(100% - 48px));margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 62px);padding:0 0 18px}.welcome{margin:auto auto 35px;width:100%;text-align:center;padding-top:35px}.welcome-mark{width:49px;height:49px;border-radius:16px;background:var(--text);color:var(--page);display:grid;place-items:center;margin:0 auto 22px;font-size:25px;font-weight:800}.welcome-kicker{font-size:10px;letter-spacing:1.8px;color:var(--accent);font-weight:700}.welcome h1{font-size:clamp(34px,4vw,46px);line-height:1.13;letter-spacing:-1.8px;font-weight:570;margin:13px 0 12px}.welcome-sub{color:var(--muted);font-size:14px;margin:0}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:36px auto 0;max-width:700px}.prompt-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;text-align:left;padding:14px;min-height:105px;transition:.15s;box-shadow:0 1px 2px #00000004}.prompt-card:hover{border-color:#c9a18e;transform:translateY(-1px);box-shadow:var(--shadow)}.prompt-icon{display:block;color:var(--accent);font-size:19px;margin-bottom:8px}.prompt-card b{display:block;font-size:12px;font-weight:650}.prompt-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.messages{width:100%;margin:0 auto 20px}.message{padding:18px 20px;margin:15px 0;border-radius:13px}.message.user{background:var(--surface2);border:1px solid var(--line)}.message.assistant{padding-left:4px;padding-right:4px}.message small{display:block;font-size:9px;letter-spacing:1.4px;font-weight:750;color:var(--accent);margin-bottom:7px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.composer{position:sticky;bottom:10px;border:1px solid #d9d6ce;background:var(--surface);border-radius:16px;padding:13px 14px 10px;box-shadow:0 8px 30px rgba(35,31,24,.07)}body.dark .composer{border-color:var(--line)}.composer textarea{display:block;width:100%;resize:vertical;min-height:54px;max-height:220px;border:0;outline:0;background:transparent;color:var(--text);font-size:14px;padding:4px 2px}.composer textarea::placeholder{color:#aaa79e}.composer-toolbar{display:flex;align-items:center;justify-content:space-between}.composer-tools,.composer-right{display:flex;align-items:center;gap:9px}.tool-button{width:29px;height:29px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:18px;color:var(--muted)}.tool-hint,.composer-model-hint{font-size:10px;color:var(--muted)}.send-button{width:32px;height:32px;border:0;border-radius:9px;background:var(--text);color:var(--page);font-size:21px;line-height:1}.disclaimer{text-align:center;color:var(--muted);font-size:9px;padding:10px 0 0}.hub-view{width:min(1200px,calc(100% - 60px));margin:0 auto;padding:38px 0 60px}.hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hub-header h1{font-size:31px;letter-spacing:-1px;margin:4px 0}.hub-header p{color:var(--muted);margin:0;font-size:12px}.outline-button,.solid-button{border-radius:8px;padding:9px 13px;font-size:11px;font-weight:600}.outline-button{background:var(--surface);border:1px solid var(--line);color:var(--text)}.outline-button:disabled{opacity:.4}.solid-button{background:var(--text);border:1px solid var(--text);color:var(--page)}.wide{width:100%;margin-top:13px}.hub-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.hub-stats>div,.hub-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.hub-stats>div{padding:14px 16px}.hub-stats small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.hub-stats b{display:block;font-size:22px;margin-top:3px}.hub-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(340px,1.15fr);gap:14px;align-items:start}.hub-panel{padding:16px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-heading h2{font-size:14px;margin:0;font-weight:650}.panel-heading input{max-width:165px}.secure-note{font-size:9px;color:var(--muted)}.provider-list{max-height:700px;overflow:auto}.provider-row{width:100%;display:flex;align-items:center;gap:10px;padding:10px 8px;border:1px solid transparent;background:transparent;border-radius:9px;color:var(--text);text-align:left}.provider-row:hover,.provider-row.selected{background:var(--surface2);border-color:var(--line)}.provider-icon{width:29px;height:29px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:700}.provider-info{flex:1;min-width:0}.provider-info b,.provider-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-info b{font-size:11px}.provider-info small{font-size:9px;color:var(--muted)}.provider-status{font-size:9px;color:var(--muted)}.provider-status.ok{color:#46865d}.provider-status.bad{color:#c25b51}.editor-panel label{display:block;margin:10px 0 5px;color:var(--muted);font-size:10px}.editor-panel label small{font-size:9px}.editor-panel input:not([type=checkbox]),.editor-panel select,.panel-heading input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;background:var(--page);color:var(--text);font-size:11px;outline:none}.editor-panel input:focus,.editor-panel select:focus,.panel-heading input:focus{border-color:var(--accent)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-line{display:flex!important;align-items:center;gap:7px}.action-row{display:flex;gap:8px;margin-top:10px}.provider-message{min-height:18px;margin-top:8px;font-size:10px;color:#548663}.manual-add{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.manual-add h3{font-size:12px;margin:0 0 8px}.models-panel{margin-top:14px}.model-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.model-row{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;justify-content:space-between;gap:8px}.model-row b,.model-row small{display:block;overflow-wrap:anywhere}.model-row b{font-size:10px}.model-row small{font-size:9px;color:var(--muted)}.tag{font-size:9px;color:#548663}.empty-note{font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:20px;right:20px;max-width:min(440px,calc(100% - 40px));padding:12px 15px;border-radius:10px;background:#312b27;color:#fff;font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:850px){.sidebar{width:215px;flex-basis:215px}.hub-layout{grid-template-columns:1fr}.provider-list{max-height:320px}}
@media(max-width:620px){.sidebar{width:59px;flex-basis:59px;padding:15px 6px}.brand-row{justify-content:center;padding:0 0 22px}.brand-name,.collapse,.new-chat{font-size:0}.brand-symbol{flex-shrink:0}.nav-caption,.nav:not(.active),.history-area,.sidebar-bottom .profile-copy,.logout-link{display:none}.nav{justify-content:center;font-size:0;padding:12px 0}.nav span{font-size:17px}.sidebar-bottom{justify-content:center;padding-top:12px}.topbar{padding:0 12px}.workspace-label{display:none}.mobile-brand{display:block;font-size:12px;font-weight:700}.model-picker{max-width:190px}.model-picker select{max-width:145px;font-size:10px}.chat-view{width:calc(100% - 26px);min-height:calc(100vh - 62px)}.welcome{padding-top:28px}.welcome h1{font-size:33px}.desktop-break{display:none}.prompt-grid{grid-template-columns:1fr;gap:7px;margin-top:23px}.prompt-card{min-height:auto;padding:10px 12px}.prompt-icon{display:inline-block;margin:0 8px 0 0}.prompt-card b{display:inline}.prompt-card small{display:block;margin-left:29px}.composer{bottom:5px}.tool-hint,.composer-model-hint{display:none}.hub-view{width:calc(100% - 24px);padding-top:23px}.hub-header h1{font-size:26px}.hub-stats{gap:7px}.hub-stats>div{padding:10px}.hub-stats b{font-size:18px}.model-list{grid-template-columns:1fr}.panel-heading{align-items:flex-start;flex-wrap:wrap}.panel-heading input{max-width:100%}}


/* ZEESNU AI v4 workspace modules */
.conversation-list{display:flex;flex-direction:column;gap:4px;overflow:auto;max-height:42vh}
.conversation-item{width:100%;border:0;background:transparent;color:var(--muted);padding:10px 11px;border-radius:9px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-width:0}
.conversation-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.conversation-item:hover,.conversation-item.active{background:var(--surface-2);color:var(--text)}
.conversation-date{font-size:10px;color:var(--muted-2)}
.module-view{height:calc(100vh - 72px);overflow:auto;padding:44px clamp(20px,5vw,76px) 70px;max-width:1200px;margin:0 auto;width:100%}
.project-create{padding:18px;margin:24px 0}
.project-fields{display:grid;grid-template-columns:1fr 1.5fr auto;gap:10px}
.project-fields input{min-width:0;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 14px;font:inherit}
.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.project-card{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:18px;min-width:0}
.project-mark{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-weight:700}
.project-copy{min-width:0;flex:1}.project-copy b{font-size:14px}.project-copy p{font-size:13px;color:var(--muted);margin:7px 0;overflow-wrap:anywhere}.project-copy small{font-size:11px;color:var(--muted-2)}
.project-delete{flex:0 0 auto}
.activity-panel{padding:18px;margin:18px 0}
.activity-list{display:flex;flex-direction:column}
.activity-row{display:flex;justify-content:space-between;gap:18px;padding:13px 2px;border-bottom:1px solid var(--border);font-size:12px}
.activity-row:last-child{border-bottom:0}.activity-row>div{min-width:0;display:flex;flex-direction:column;gap:5px}.activity-row b{font-size:13px}.activity-row small,.activity-row>span{color:var(--muted);overflow-wrap:anywhere}.activity-row>span{text-align:right;flex:0 0 auto;max-width:40%}
@media(max-width:760px){.module-view{height:calc(100vh - 60px);padding:26px 16px 50px}.project-fields{grid-template-columns:1fr}.activity-row{flex-direction:column;gap:5px}.activity-row>span{text-align:left;max-width:100%}}

/* ZEESNU AI agent workspaces */
.agent-panel{padding:20px;margin:18px 0}
.agent-panel>label,.agent-panel form>label{display:block;margin:14px 0 7px;font-size:12px;color:var(--muted);font-weight:600}
.agent-panel input,.agent-panel textarea,.agent-panel select{width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:12px 13px;font:inherit;margin-bottom:12px}
.agent-panel textarea{resize:vertical;line-height:1.55}
.agent-panel input[type=file]{padding:10px}
.inline-actions,.save-code-row{display:flex;gap:10px;align-items:center;margin:12px 0}
.save-code-row input{flex:1;margin:0}
.agent-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);margin:14px 0}
.simple-list{display:flex;flex-direction:column;gap:0}
.simple-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 4px;border-bottom:1px solid var(--border);color:var(--text);font-size:13px;text-align:left}
.simple-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.simple-row small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.simple-row a{color:var(--accent,#777);text-decoration:underline}
.simple-row button{border:0;background:transparent;color:var(--text);padding:5px 8px;cursor:pointer}
.text-danger{color:#c44!important}
@media(max-width:760px){.agent-panel{padding:14px}.save-code-row,.inline-actions{align-items:stretch;flex-direction:column}.simple-row{align-items:flex-start;flex-direction:column}}