@import "tailwindcss"; @import "tw-animate-css"; @import "shadcn/tailwind.css"; @import "@fontsource-variable/geist"; @custom-variant dark (&:is(.dark *)); @theme inline { --font-heading:var(--font-sans);--font-sans:'Geist Variable',sans-serif; --color-background:var(--background);--color-foreground:var(--foreground); --color-card:var(--card);--color-card-foreground:var(--card-foreground); --color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground); --color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground); --color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground); --color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground); --color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground); --color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring); --radius-sm:calc(var(--radius)*.6);--radius-md:calc(var(--radius)*.8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius)*1.4); } :root{ --background:oklch(.982 .007 86);--foreground:oklch(.23 .027 255); --card:oklch(1 0 0);--card-foreground:var(--foreground); --popover:oklch(1 0 0);--popover-foreground:var(--foreground); --primary:oklch(.49 .119 262);--primary-foreground:oklch(.99 0 0); --secondary:oklch(.944 .015 255);--secondary-foreground:oklch(.26 .045 258); --muted:oklch(.959 .010 85);--muted-foreground:oklch(.52 .025 254); --accent:oklch(.944 .025 255);--accent-foreground:oklch(.29 .08 258); --destructive:oklch(.58 .18 27);--border:oklch(.90 .013 251);--input:var(--border);--ring:var(--primary);--radius:.75rem; } .dark{ --background:oklch(.17 .021 256);--foreground:oklch(.97 .010 255); --card:oklch(.22 .022 255);--card-foreground:var(--foreground); --popover:oklch(.24 .025 255);--popover-foreground:var(--foreground); --primary:oklch(.70 .125 255);--primary-foreground:oklch(.18 .022 255); --secondary:oklch(.28 .022 255);--secondary-foreground:var(--foreground); --muted:oklch(.27 .02 255);--muted-foreground:oklch(.73 .018 255); --accent:oklch(.32 .035 255);--accent-foreground:var(--foreground); --destructive:oklch(.7 .18 26);--border:oklch(1 0 0 / 12%);--input:var(--border);--ring:var(--primary); } @layer base{*{border-color:var(--border)}html,body,#root{min-height:100%;height:100%;}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans)}} .drive-sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--border);background:var(--card)} .drive-brand{background:linear-gradient(145deg,oklch(.51 .13 258),oklch(.35 .11 274))} .drive-file:hover .row-action{opacity:1} .drive-file:focus-within .row-action{opacity:1} @media(max-width:767px){.drive-sidebar{position:fixed;z-index:35;inset:0 auto 0 0;transform:translateX(-110%);transition:transform .2s;box-shadow:0 15px 30px #0002}.drive-sidebar[data-open="true"]{transform:translateX(0)}}